リモートワークを便利にするWebアプリRee(11) ~prop-typesで型チェック~

前回に続き、prop-typesによる型チェックをやってみます。

もともとはReactでReact.PropTypesが提供されていましたが、v15.5からは非推奨にされて、16.0からは完全に使えなくなるようです。

16.0になるまではconsoleで警告文がでます。

 

準備

Create React Appで作ったアプリには標準で入っていますが、ない場合はyarn や npmでインストールします。

 

書き方

以下のように書きます。

isRequiredをつけると必須になります。

 

型の種類についてはarrayやstring、numberなどよく使われるものが用意されています。

詳しくは以下のリンク先が参考になります。

https://qiita.com/koba04/items/bc13d1f42964278ae14e#proptypes