如何验证ReactJS中嵌套对象的PropTypes?

我使用一个数据对象作为我的支持ReactJS中的组件。

<Field data={data} />

我知道它很容易验证PropTypes对象本身:

propTypes: {
  data: React.PropTypes.object
}

但是如果我想验证里面的值怎么办?即。 data.id,data.title?

props[propName]: React.PropTypes.number.required // etc...
最佳答案
您可以使用React.PropTypes.shape验证属性:

propTypes: {
    data: React.PropTypes.shape({
      id: React.PropTypes.number.isRequired,
      title: React.PropTypes.string
    })
}

转载注明原文:如何验证ReactJS中嵌套对象的PropTypes? - 代码日志