2017-08-07 9 views
0

配列は以下のようになります小道具として私が渡される配列オブジェクトを持っている:PropTypes.string:私は何をしたいかPropTypes検証配列

[ 
    { 
    "title": "eat food" 
    }, 
    { 
    "title": "Drinks", 
    "sub_items": [ 
     { 
     "title": "Beer", 
     "isDrinking": true 
     } 
    ] 
    }, 
    { 
    "title": "eat Pizza" 
    }, 
    { 
    "title": "Other Drinks", 
    "sub_items": [ 
     { 
     "title": "Soda", 
     "isDrinking": false 
     }, 
     { 
     "title": "Soda", 
     "isDrinking": false 
     } 
    ] 
    } 
] 

は、propTypesの検証を追加

タイトルのようなものですこのようなタイトルスティングとisDrinkingブールとしてアレイ内の検証を小道具:PropTypes.array

sub_items:

sub_itemsを.isRequired。

アレイ上でこれを達成する方法には注意してください。それは一つに含まれている場合sub_itemsは必須ではありませんが、どのように

PropTypes.arrayOf(PropTypes.shape({ 
    title: PropTypes.string.isRequired, 
    sub_items: PropTypes.arrayOf(PropTypes.shape({ 
    title: PropTypes.string.isRequired, 
    isDrinking: PropTypes.bool.isRequired 
    }) 
})).isRequired 

お知らせ:あなたが書くことができ

+1

[フォームとプロープ型の反応]の可能な複製(https://stackoverflow.com/questions/32325912/react-proptype-array-with-shape) –

答えて

1

を(。PS私のreactjsの知識は非常に限られている私は明白な愚かな質問をしていた場合のですみません)それはtitleisDrinkingが定義されたオブジェクトの配列でなければなりません。

関連する問題