React Hooksの詳細な説明

フックとは何ですか?

• 特定のプログラムを監視するために使用されるメッセージ処理方法
• 関数コンポーネントで副作用を処理する必要がある場合は、フックを使用して外部コードを「フック」することができます。
• 共通フック: useState、useEffect、useContext、useReducer
• フックの名前は常に接頭辞 use: useXXX で始まります。

クラスコンポーネント

機能コンポーネント

関数コンポーネントに特別な機能を注入する特別なクラスの関数

フックが作られた理由

• 一部のクラスコンポーネントは長くて複雑なため、再利用が困難です。
• 最終解決策：ステートレスコンポーネントとHOC（高階コンポーネント）だが、まだ多くの問題がある

ステートレスコンポーネントは非同期APIにアクセスできず、更新もできない

HOC: コンポーネントのネストにより再利用が実現され、コンポーネントの複雑さが増す

• フックの目的は、機能コンポーネントに状態を追加することです。
• ライフサイクル関数は、Ajaxの開始、データステータスの追跡、イベントリスナーのバインドなど、複数のタスクを同時に処理します。
• 関数型コンポーネントははるかに軽量で、コンポーネントの状態にフックするフックを使用します。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。