我可以在 PropTypes oneOf 中混合类型和值吗？答案

【问题标题】：Can I mix a type and a value in PropTypes oneOf?我可以在 PropTypes oneOf 中混合类型和值吗？
【发布时间】：2019-06-14 21:26:35
【问题描述】：

是否可以使用PropTypes.oneOf 来强制存在特定类型或字符串文字？

例子：

display: PropTypes.oneOf([PropTypes.bool, 'autohide']),

或者它只是将 PropTypes.bool 视为它返回的任何文字值？在官方文档中找不到对此的任何引用，所以我假设它不像我期望的那样工作。不过，它不会引发错误。

【问题讨论】：

【解决方案1】：

您可以像这样将oneOf() 嵌套到oneOfType() 中

PropTypes.oneOfType([
    PropTypes.bool,
    PropTypes.oneOf(['autohide'])
])

【讨论】：

刚刚看到这个：How to get nested proptypes? I want the prop to be a specific string ('xs', 's', 'm', 'l', 'xl', 'xxl') or any number · GitHub
通过文档有意义，尽管我不喜欢仅仅为了一个字面值而将数组推入其中。我猜只是拼出展位布尔值。
@YoniWeisbrod 没错，在这种情况下！ ?
文档显示 oneOfType 的不同示例 - 混合类型 + PropTypes.instanceOf
@skyboyer instanceOf 在这种情况下不起作用，因为 OP 正在寻求针对特定值进行验证。

【解决方案2】：

是的，这是可能的，但不是直接的。其实你可以通过这种方式拥有不同的PropTypes：

display: PropTypes.oneOf([
  true,
  false,
  'autohide'
]),

您知道PropTypes.bool 将是true 或false。有关验证的高级用法，请参阅此处的 CustomValidation：customArrayProp。

【讨论】：

谢谢 - 是的，我知道我可以提供文字值。但我想看看是否可以混合。 CustomArray 是一个有趣的想法，谢谢。
@YoniWeisbrod 是的，这里：How to get nested proptypes? I want the prop to be a specific string ('xs', 's', 'm', 'l', 'xl', 'xxl') or any number · GitHub。
@YoniWeisbrod 经过我们的讨论，看起来你会接受我的解决方案。你愿意接受这个答案吗？ ?