エフェクトを使って同期を行う – React

一部のコンポーネントは外部システムと同期を行う必要があります。例えば、React の state に基づいて非 React 製コンポーネントを制御したり、サーバとの接続を確立したり、コンポーネントが画面に表示されたときに分析用のログを送信したりしたいかもしれません。エフェクト (Effect) を使うことで、レンダー後にコードを実行して、React 外のシステムとコンポーネントを同期させることができます。 このページで学ぶこと エフェクトとは何か エフェクトとイベントの違い コンポーネントでエフェクトを宣言する方法 不要なエフェクト再実行をスキップする方法 開発中にエフェクトが 2 回実行される理由と対処法 エフェクトとは何であり、イベントとどう異なるのか エフェクトについて説明する前に、React コンポーネント内の 2 種類のロジックについて理解しておく必要があります。 レンダーコード