reactjs - PropTypes.exact 和 PropTypes.shape 之间的区别

Question

有什么区别

PropTypes.exact({
  name: PropTypes.string,
  age: PropTypes.number
})

对比

PropTypes.shape({
  name: PropTypes.string,
  age: PropTypes.number
})

我会很高兴得到任何帮助

Answer 1

基本上，如果您的 prop 对象包含通过 PropTypes.exact({ }) 声明时未提及的额外属性，exact 会给您一个警告。

  // An object taking on a particular shape
  optionalObjectWithShape: PropTypes.shape({
    color: PropTypes.string,
    fontSize: PropTypes.number
  }),

  // An object with warnings on extra properties
  optionalObjectWithStrictShape: PropTypes.exact({
    name: PropTypes.string,
    quantity: PropTypes.number
  }), 

引用:https://reactjs.org/docs/typechecking-with-proptypes.html#proptypes