«react-proptypes» 태그된 질문

자식을 렌더링하는 간단한 구성 요소가 있습니다. class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; 질문 : 어린이 소품의 propType은 무엇이어야합니까? 객체로 설정하면 여러 자식과 함께 구성 요소를 사용할 때 실패합니다. <ContainerComponent> <div>1</div> <div>2</div> …

265 reactjs  jsx  react-proptypes 

구성 요소에 전달되는 객체 배열이 실제로 특정 모양의 객체 배열인지 확인하기 위해 proptype을 사용하는 기본 제공 방법이 있습니까? 아마도 이런 식으로 뭔가? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end: PropTypes.number.isRequired, })), 여기에 명백한 것이 빠져 있습니까? 이것처럼 많이 찾는 것 같습니다.

245 arrays  reactjs  react-proptypes 

크기에 맞는 소품을받는 구성 요소가 있습니다. prop은 문자열 또는 숫자 ex : "LARGE"또는 17입니다. propTypes 유효성 검사에서 React.PropTypes가이 중 하나 일 수 있음을 알 수 있습니까? 유형을 지정하지 않으면 경고가 표시됩니다. prop type `size` is invalid; it must be a function, usually from React.PropTypes. MyComponent.propTypes = { size: React.PropTypes }

244 reactjs  react-proptypes 

React.PropTypesTypeScript React 애플리케이션에서 사용하는 것이 합리적 입니까, 아니면 "벨트 및 멜빵"의 경우입니까? 컴포넌트 클래스는 Props유형 매개 변수로 선언되므로 : interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } 추가하는 것이 실질적인 이점이 있습니까? static propTypes { myProp: React.PropTypes.string } 클래스 정의에?

121 reactjs  typescript  react-proptypes 

클래스를 사용하지 않고 반응의 기능적 상태 비 저장 구성 요소에서 PropType을 어떻게 사용합니까? export const Header = (props) => ( <div>hi</div> )

103 javascript  reactjs  react-props  react-proptypes 

PropTypes와 Flow는 비슷한 것을 다루지 만 다른 접근 방식을 사용합니다. PropTypes는 런타임 중에 경고를 제공 할 수 있으며, 이는 서버 등에서 오는 잘못된 응답을 신속하게 찾는 데 도움이 될 수 있습니다. 그러나 Flow는 미래인 것 같고 제네릭과 같은 개념을 가진 매우 유연한 솔루션입니다. 또한 Nuclide에서 제공하는 자동 완성 기능은 Flow에 …

101 reactjs  flowtype  react-proptypes