Preguntas etiquetadas con react-proptypes

Dado un componente simple que representa a sus hijos: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Pregunta: ¿Cuál debería ser el propType del prop de los niños? Cuando lo configuro como un …

265 reactjs  jsx  react-proptypes 

¿Existe una forma integrada de usar los tipos de propiedad para garantizar que una matriz de objetos que se pasa a un componente sea en realidad una matriz de objetos de una forma específica? Tal vez algo como esto? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end: PropTypes.number.isRequired, })), ¿Me estoy perdiendo algo …

244 arrays  reactjs  react-proptypes 

Tengo un componente que recibe un accesorio por su tamaño. El accesorio puede ser una cadena o un número, por ejemplo: "LARGE"o 17. ¿Puedo dejar que React.PropTypes sepa que esto puede ser uno u otro en la validación de propTypes? Si no especifico el tipo, recibo una advertencia: prop type …

244 reactjs  react-proptypes 

¿Tiene React.PropTypessentido usarlo en una aplicación React de TypeScript o es solo un caso de "cinturón y tirantes"? Dado que la clase de componente se declara con un Propsparámetro de tipo: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } ¿Existe algún beneficio real …

121 reactjs  typescript  react-proptypes 

Sin usar la clase, ¿cómo uso PropTypes en el componente funcional sin estado de react? export const Header = (props) => ( <div>hi</div> )

103 javascript  reactjs  react-props  react-proptypes 

PropTypes y Flow cubren cosas similares pero utilizan enfoques diferentes. PropTypes puede darle advertencias durante el tiempo de ejecución, lo que puede ser útil para encontrar rápidamente respuestas mal formadas provenientes de un servidor, etc. Sin embargo, Flow parece ser el futuro y con conceptos como genéricos es una solución …

101 reactjs  flowtype  react-proptypes