Perguntas com a marcação «react-proptypes»

Dado um componente simples que gera seus filhos: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Pergunta: Qual deve ser o propType das crianças prop? Quando eu o defino como objeto, ele falha …

265 reactjs  jsx  react-proptypes 

Existe uma maneira interna de usar proptypes para garantir que uma matriz de objetos que está sendo passada para um componente seja realmente uma matriz de objetos de uma forma específica? Talvez algo assim? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end: PropTypes.number.isRequired, })), Estou perdendo algo super óbvio aqui? Parece que isso …

244 arrays  reactjs  react-proptypes 

Eu tenho um componente que recebe um suporte para seu tamanho. O suporte pode ser uma sequência ou um número ex: "LARGE"ou 17. Posso informar ao React.PropTypes que esse pode ser um ou outro na validação de propTypes? Se eu não especificar o tipo, recebo um aviso: prop type `size` …

244 reactjs  react-proptypes 

Usar React.PropTypesfaz sentido em um aplicativo React TypeScript ou é apenas um caso de "cinto e suspensórios"? Como a classe do componente é declarada com um Propsparâmetro de tipo: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } Existe algum benefício real em adicionar …

121 reactjs  typescript  react-proptypes 

Sem usar a classe, como faço para usar PropTypes no componente sem estado funcional do react? export const Header = (props) => ( <div>hi</div> )

103 javascript  reactjs  react-props  react-proptypes 

PropTypes e Flow cobrem coisas semelhantes, mas usam abordagens diferentes. Os PropTypes podem fornecer avisos durante o tempo de execução, o que pode ser útil para encontrar rapidamente respostas malformadas vindas de um servidor, etc. No entanto, o Flow parece ser o futuro e com conceitos como genéricos é uma …

100 reactjs  flowtype  react-proptypes