エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Reactの関数コンポーネントとHooks #1 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Reactの関数コンポーネントとHooks #1 - Qiita
業務のReactプロジェクトが昨年の秋(2020年)から関数コンポーネント+TypeScriptに移行しました。 元... 業務のReactプロジェクトが昨年の秋(2020年)から関数コンポーネント+TypeScriptに移行しました。 元々はClassコンポーネントだったのですが、なぜ関数コンポーネントなのか?何が優れているのかを知っておきたかったのと、現場で学んだ書き方のTipsなどを記事にしようと思います。 関数コンポーネントとは? Classに比べると簡潔に見通しよく書けるメリットがあったものの、Classの様にStateを持つ事ができなかった。(当たり前ですが、関数は状態を持つことができません。関数の実行が終われば、関数内の変数はスコープから外れ、アクセスできなくなります、クロージャーとかありますが、、) そこで考案されたのがフックです。フックは、関数コンポーネントの中からReactの機能へ接続(Hooks into)することを実現しました。フックを用いることで、関数コンポーネントにおいてもクラスコン