参考ページ大規模なプロジェクトでは必須?ComponentがどのようなPropsを欲しがっているか、プロジェクトの規模が大きくなればなるほど管理が大変になってきます。そこでReactではPropsのデータ型を定義できる機能を提供しています。その2前回のソースコードに、Propsの型を定義するコードを追加しました。型定義の機能はReact本体には含まれていないため新しくライブラリ「prop-types」を追加している点にも注意してください。ここではわざと型定義に反するようなPropsの渡し方をして、どのような挙動になるかを確認してみます。-実行結果わざと間違えたところが、Console上にWarningとして表示されます。定義できるデータ型として以下のような物が用意されています。//シンボル};いずれかのデータ型であれば良い場合PropTypes.oneOfTypeに、データ型を入れた配列を渡してやります。以下のように書くと文字列型か数値型であれば良いという意味になります。])}いずれかの値であるかチェックしたい場合PropTypes.oneOfに、候補の値を入れた配列を渡してやります。以下であればいずれかの元号であればOKという意味になります。"平成"])}必須項目としたい場合データ型の後ろにisRequiredをつけてやるだけです。何が入っていても良い場合はPropTypes.anyを指定します。PropTypes.any}これはisRequiredなどと組み合わせて使うことを想定したものな気がしますね。PropTypes.any.isRequired}その他の定義方法ここでは主要なものだけ取り上げました。この他にも様々なチェック方法がありますので、興味のある方はReactのドキュメントを参照してみてください。自宅警備がてらゲームのお仕事や講師などしてご飯を食べてます。コメントご質問やリクエストなどお気軽に。メールアドレスの入力は任意です。書き込みが反映されるまで時間がかかります。コメントデータの処理方法の詳細はこちらをご覧ください。ブログをメールで購読メールアドレスを記入して購読すれば、更新をメールで受信できます。