I have a component that receives a prop for its size. The prop can be either a string or a number ex: "LARGE" or 17.
Can I let React.PropTypes know that this can be either one or the other in the propTypes validation?
If I don't specify the type I get a warning:
prop type
sizeis invalid; it must be a function, usually from React.PropTypes.
MyComponent.propTypes = {
size: React.PropTypes
}
size: PropTypes.oneOfType([
PropTypes.string,
PropTypes.number
]),
Learn more: Typechecking With PropTypes
For documentation purpose, it's better to list the string values that are legal:
size: PropTypes.oneOfType([
PropTypes.number,
PropTypes.oneOf([ 'SMALL', 'LARGE' ]),
]),
This might work for you:
height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),