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