reactjs - proptypes - react/forbid-prop-types

React PropTypes: permite diferentes tipos de PropTypes para un accesorio

Question

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, prop type `size` is invalid; it must be a function, usually from React.PropTypes. una advertencia: el prop type `size` is invalid; it must be a function, usually from React.PropTypes. prop type `size` is invalid; it must be a function, usually from React.PropTypes.

MyComponent.propTypes = {
size: React.PropTypes
}

Answer 1

Esto podría funcionar para usted:

height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),

Answer 2

Para fines de documentación, es mejor enumerar los valores de cadena que son legales:

size: PropTypes.oneOfType([
PropTypes.number,
PropTypes.oneOf([ ''SMALL'', ''LARGE'' ]),
]),

Answer 3

import React from ''react''; <--as normal
import PropTypes from ''prop-types''; <--add this as a second line
App.propTypes = {
monkey: PropTypes.string, <--omit "React."
cat: PropTypes.number.isRequired <--omit "React."
};
Wrong: React.PropTypes.string
Right: PropTypes.string

Answer 4

size: PropTypes.oneOfType([
PropTypes.string,
PropTypes.number
]),

Más información: Verificación de tipos con PropTypes