「prop-types」でPropsのデータ型を担保する

基礎からはじめるReact入門第7回

WINGSプロジェクト中川幸哉[著] / 山田祥寛[監修]

2018/03/30 14:00

　Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回は、Propsの型を定義することでコンポーネントの可用性を向上させる方法を学びましょう。

目次
Page1 対象読者前提環境 Propsにはどんなデータを渡せばよいのか prop-types コンポーネントへの定義チェック機構
Page2 propTypesプロパティに指定できる型基本型複雑な型必須の型実例で見てみる
Page3 propTypesプロパティの2つの書き方オブジェクトのプロパティとして記述する staticプロパティとして記述するまとめ

※印刷用ページ表示機能はメンバーのみが利用可能です（登録無料）。

バックナンバー

連載:基礎からはじめるReact入門

WINGSプロジェクト中川幸哉（ナカガワユキヤ）

＜WINGSプロジェクトについて＞有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂...
山田祥寛（ヤマダヨシヒロ）

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「入門シリーズ（サーバサイドAjax／XM...