React propTypes: objectOf vs hình dạng?

Question

Sự khác nhau giữa PropTypes.objectOf và PropTypes.shape là gì? Trong docs:

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

vs

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

Khi nào tôi nên sử dụng objectOf và khi nào tôi nên sử dụng shape?

Answer 1

PropTypes.objectOf được sử dụng khi mô tả đối tượng có thuộc tính giống nhau.

PropTypes.shape được sử dụng khi mô tả đối tượng có khóa được biết trước và có thể đại diện cho các loại khác nhau.

Answer 2

Chỉ muốn cung cấp một ví dụ cho các đối tượng sau đây:

{ 
    petStore: { 
     animals: { 
      '23': { name: 'Snuffles', type: 'dog', age 13 } 
      '29': { name: 'Mittens', type: 'cat', age: 7 } 
     } 
    } 
} 

ObjectOf và Shape

Được sử dụng khi một đối tượng có thể có tên thuộc tính khác nhau, nhưng một tập quán của các thuộc tính cho mỗi người :

const animalItemShape = { 
    name: PropTypes.string, 
    type: PropTypes.string, 
    age: PropTypes.number 
} 

const petStoreShape = { 
    animals: PropTypes.objectOf(PropTypes.shape(animalItemShape)) 
} 

Như bạn thấy, animals là một đối tượng bao gồm nhiều bộ chống đỡ erties rằng mỗi loại tuân theo loại animalItemShape.

Hy vọng điều đó sẽ hữu ích!