React PropTypes:允许一个道具使用不同类型的 PropTypes [英] React PropTypes: Allow different types of PropTypes for one prop

问题描述

我有一个组件，它根据其大小接收一个道具.道具可以是字符串或数字，例如:"LARGE" 或 17.

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.

我可以让 React.PropTypes 知道在 propTypes 验证中这可以是一个或另一个吗?

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 size 无效；它必须是一个函数，通常来自React.PropTypes.

prop type size is invalid; it must be a function, usually from React.PropTypes.

MyComponent.propTypes = {
    size: React.PropTypes
}

推荐答案

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

了解更多:使用 PropTypes 进行类型检查

这篇关于React PropTypes:允许一个道具使用不同类型的 PropTypes的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！