PropTypesの型検査で、応急処置状態にあるオブジェクトと配列の箇所の改善

[MaximizedOwl]

なにをどうしたいのか、簡潔に

非推奨の方法で行っている型検査から脱却したい。

背景

ESLintでのエラーを解決するために暫定対応していた箇所の改善。

具体策

オブジェクトと配列はobject、arrayを用いて黙らせることはできるが応急処置にすぎず、非推奨とのこと。

PropTypes.arrayは非推奨。代わりにPropTypes.arrayOfを使う。
PropTypes.objectは非推奨。代わりにPropTypes.objectOf又はPropTypes.shapeを使う。

現状

下記のようになっており、オブジェクトの中の型まで検査できていない。

Foo.propTypes = {
 baz: PropTypes.object,
};

タスクリスト

• 作業対象の把握
• 各々の型の確認
• 型付け
• 動作確認

参考文献

1. https://qiita.com/h-yoshikawa44/items/bab6845472e4d428732c
2. https://qiita.com/park-jh/items/a7dc06a478b944e59222#javascript-primitives-proptypes