reactjs - React propTypes : objectOf vs shape?

Question

PropTypes.objectOf 和 PropTypes.shape 之间有什么区别？在 PropTypes :

// An object with property values of a certain type
optionalObjectOf: PropTypes.objectOf(PropTypes.number)

对比

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

什么时候应该使用 objectOf 以及什么时候应该使用 shape？

Answer 1

PropTypes.objectOf 用于描述属性均为同一类型的对象。

    const objectOfProp = {
        latitude: 37.331706,
        longitude: -122.030783
    }
    // PropTypes.objectOf(PropTypes.number)

PropTypes.shape 用于描述其键提前已知的对象，并且可以代表不同的类型。

    const shapeProp = {
        name: 'Jane',
        age: 25
    }
    // PropTypes.shape({ name: PropTypes.string, age: PropTypes.number })