【React】Function ComponentでstateやcomponentDidMountも可能

サンプルのFunction ComponentをClass Componentに書き直しているときに、Function Componentで状態を管理できるし、componentDidMountも出来るようになって、しかも実行速度が速い。
という衝撃の事実が発覚したときの覚書。

環境： React v16.9.0, Material UI v4.4.0

この仕組みを提供するのがHooks。
React v16.8からの新機能。
詳しくは公式サイトで。

• フックの導入 – React

Class Componentで悩んだ経験がないと「動機」に書いてあることが理解できないかもしれない。
「ビデオによる紹介」がとても分かりやすいので見とくのがおすすめ（英語）。


フックを使ってデータ取得を行うサンプルはこちら。

• フックでデータの取得をどのように行うのですか？｜フックに関するよくある質問 – React

これからはFunction Component + Hooksが主流になる。


【関連記事】

• Reactを使ったUIコンポーネント「Material-UI」
• React.jsを学ぶ。買った本とVueとの比較。