嵌套的PropType是否需要Required？

Question

假设我已定义此PropType：

Component.propTypes = {
  complicatedData: PropTypes.arrayOf(
    PropTypes.shape({
      name: PropTypes.string,
      data: PropTypes.arrayOf(PropTypes.number)
    })
  ).isRequired,
};

如果需要该数据结构，则该嵌套结构的每个级别的isRequired属性是必需的，还是isRequired的顶层isRequired包含内部的所有内容？

Answer 1

顶层isRequired如果仅检查complicatedData被提供并且是一个数组。 您可以给它一个包含空对象（例如[{}, {}]的数组，它会根据您的代码通过测试。

如果您希望数组中的每个元素complicatedData都具有name属性，则需要编写：

Component.propTypes = {
  complicatedData: PropTypes.arrayOf(
    PropTypes.shape({
      name: PropTypes.string.isRequired,
      data: PropTypes.arrayOf(PropTypes.number)
    })
  ).isRequired,
};

如果希望每个元素都具有data属性，则相同。