react.js Proptypeのshapeとは一体。。。？？

Question

今していること

react.js reduxでTodo機能を作成

疑問点

propTypes.shapeとは「独特な形態を待つobjectでなければならない。」と調べたらでてきますが、一体「独特な形態」とは何を指しているのでしょうか？？？

(例)
TodoList.protoTypes = {
  todos: PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.number.isRequired,
    text: PropTypes.string.isRequired
  }).isRequired).isRequired
}

よろしくお願いいたします。

Answer 1

その表現は、

https://qiita.com/park-jh/items/a7dc06a478b944e59222

に書かれている文章のことでしょうか？元々のReactのドキュメントでは"An object taking on a particular shape"であるようで、その直訳でしょう。

PropTypes.shapeに引数と渡しているオブジェクトと同じような形で無ければならないと言うことです。質問でのコードの例では{id: PropTypes.number.isRequired, text: PropTypes.string.isRequired}というオブジェクトを引数として渡していますので、数値であるidプロパティと文字列であるtextプロパティがそれぞれ必須と言うことです。例えばこんな感じです。

○ {id: 0, text: "hoge"} … 条件を満たす
× {id: 0} … textが無いのでダメ
× {text: "hoge"} … idが無いのでダメ
× {id: "a", text: "hoge"} … idが数値ではないのでダメ
× {id: 0, text: [0, 3, 4]} … textが文字列ではないのでダメ