reactjs - React PropTypes arrayOf oneOf 形状 A 或形状 B

Question

我试图在 arrayOf() 中嵌套 oneOf() 一个 shape() 列表，但出现错误。

Warning: Failed prop type: Invalid prop tabs[0] of value [object Object] supplied to MyComponent, expected one of [null,null].

是否可以向 oneOf() 传递 shape() 列表？

tabs: React.PropTypes.arrayOf(
  React.PropTypes.oneOf([
    React.PropTypes.shape({
      id: React.PropTypes.string.isRequired,
      content: React.PropTypes.node.isRequired,
    }),
    React.PropTypes.shape({
      id: React.PropTypes.string.isRequired,
      params: React.PropTypes.object.isRequired,
    }),
  ]),
),

更新!发现answer here ，看起来我应该改用 OneofType。

tabs: React.PropTypes.arrayOf(
  React.PropTypes.oneOfType([
    React.PropTypes.shape({
      id: React.PropTypes.string.isRequired,
      content: React.PropTypes.node.isRequired,
    }),
    React.PropTypes.shape({
      id: React.PropTypes.string.isRequired,
      params: React.PropTypes.object.isRequired,
    }),
  ]),
),

Answer 1

我决定发布我对该问题的更新作为答案。

我找到了答案here 。我应该改用 OneofType。

tabs: React.PropTypes.arrayOf(
  React.PropTypes.oneOfType([
    React.PropTypes.shape({
      id: React.PropTypes.string.isRequired,
      content: React.PropTypes.node.isRequired,
    }),
    React.PropTypes.shape({
      id: React.PropTypes.string.isRequired,
      params: React.PropTypes.object.isRequired,
    }),
  ]),
),