コンポーネントのpropの値を渡すときはpropTypeパッケージを使いますが、proptypeの方の指定を間違えるとエラー(Warning: Failed
propType: Invalid prop of type `array`)で怒られてしまいます。これはjsonで受け取る時の型が定義した型と違う時に起きるエラーです。
例えばですが[]javascript]
"point": [ |
|
{ |
|
"math": 1, |
|
"math": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18] |
|
}, |
|
jsonファイルを見ると、上のmathはkeyと値で定義しただけなので下のように定義をします。 [javascript] itemKeys: PropTypes.string.isRequired
ところが下のmathは、配列で値を囲んでおり、これをproptypes.stringで定義してしまうと型が違うよと怒られてしまう訳ですね~。
配列の時は下記のように定義して上げましょう。
itemKeys: PropTypes.array.isRequired
stringのところがarrayに変わっただけなので 形式はあまり変わらないです。日本語の記事が少なかったのでもし同じエラーで悩んでいる
かたがいたら参考にしてみてください。