reactjs - 使用动态键检查对象的 PropTypes

Question

React 有很多使用 PropTypes 来检查 prop 值的方法。我常用的一种是 React.PropTypes.shape({...})。然而，我最近遇到了一种情况，我有一个对象，里面有动态键/值。我知道每个键应该是一个字符串(采用已知格式)，每个值应该是一个 int。即使使用自定义 Prop 验证功能，它仍然假设您知道 Prop 的 key 。如何使用 PropTypes 检查对象/形状的键和值是否正确？

...
someArray: React.PropTypes.arrayOf(React.PropTypes.shape({
  // How to specify a dynamic string key? Keys are a date/datetime string
  <dynamicStringKey>: React.PropTypes.number
}))
...

再说一遍:我至少想检查每个键的值是否是一个数字。理想情况下，我还希望能够检查 key 本身是否是格式正确的字符串。

Answer 1

要仅验证值，您可以使用React.PropTypes.objectOf。

...
someArray: React.PropTypes.arrayOf(
  React.PropTypes.objectOf(React.PropTypes.number)
)
...