javascript - インタラクションとイベントは、react のどこに記述されていますか?

Question

反応する初心者は、以前と同様にイベントを処理するために jquery を使用します。
index.js を使用していくつかのコンポーネント a.js b.js を整理するとします。
特定のコンポーネントに画像を読み込むために ajax を実装する必要があります
このイベントをどこにマウントする必要がありますか?コンポーネントマウントしましたか?
すべてのイベントをコンポーネント自体にマウントする必要がありますか?
コンポーネントのライフサイクル機能は、さまざまなイベントをマウントするように設計されていますか?
index.js には render 以外のイベントを書き込まないでください?

Answer 1

その名前が示すように、ライフサイクルにより、コンポーネントのさまざまな段階で何かを実行できるようになります。これは、ajax の呼び出しの 1 つですが、それだけではありません。

Reduxを導入しない前提で、子コンポーネントではajaxを呼び出さず、できるだけ最上位の親コンポーネントに配置するようにします。

renderはレンダリング関数で、イベント処理関数はjsxに実装されています。

コンポーネントがレンダリングされるのを待ってから、ネイティブ JS を使用してコンポーネントにイベントを追加することもできます。これは問題ありません。

Answer 2

それがコンポーネントの内部対話の単なるイベントである場合、ajax 読み込みイベントを、componentDidMount コンポーネントのレンダリング完了に書き込むことができます。

Answer 3

React の Render は、状態の値が変化する限り、どの場所を更新する必要があるかを再判断します。このポインティングの問題に注意し、アロー関数を使用して記述することをお勧めします
また、一部の関数が繰り返しバインドされることを避けたい場合は、コンポーネントのコンストラクター内で一律にバインドすることができます。

Answer 4

特定のコンポーネントで画像の ajax 読み込みを実装する必要があります
このイベントはどこにマウントすればよいですか?コンポーネントマウントしましたか?
回答: イベントを通じて画像をロードする場合は、イベントをコンポーネントに直接バインドし、リクエストを送信し、ページのロード中にコンポーネントが表示されるかどうかを制御します。初期化したら、リクエストを直接componentDidMountに送信するだけです。
コンポーネントのライフサイクル機能は、さまざまなイベントをマウントするように設計されていますか?
回答: コンポーネントのライフサイクルのさまざまな段階で、さまざまなメソッドがトリガーされます。それは、リクエストを送信するため、または状態を変更するためである可能性がありますが、必ずしもそうであるとは限りません~
render 以外のイベントは、index.js に記述しませんか?
答え: インデックスはエントリファイルです~