【cordova-react】エラー備忘録:propTypeの型を間違えた

asaba 著者:asaba

【cordova-react】エラー備忘録:propTypeの型を間違えた

コンポーネントの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と値で定義しただけなので下のように定義をします。



itemKeys: PropTypes.string.isRequired

ところが下のmathは、配列で値を囲んでおり、これをproptypes.stringで定義してしまうと型が違うよと怒られてしまう訳ですね~。

配列の時は下記のように定義して上げましょう。


itemKeys: PropTypes.array.isRequired

stringのところがarrayに変わっただけなので 形式はあまり変わらないです。日本語の記事が少なかったのでもし同じエラーで悩んでいる

かたがいたら参考にしてみてください。

参考URL->https://stackoverflow.com/questions/37063418/warning-failed-proptype-invalid-prop-of-type-array-expected-object-with-re

  • この記事いいね! (0)

著者について

asaba

asaba author

helloWorld!!!!