エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React コンポーネントのレンダリングと副作用について
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React コンポーネントのレンダリングと副作用について
はじめに React の useEffect を学習中に、副作用について「副作用とは、コンポーネントのレンダリング... はじめに React の useEffect を学習中に、副作用について「副作用とは、コンポーネントのレンダリングに直接関係しないが、実行する必要がある処理のことを指す。」という説明を見て、そもそもコンポーネントのレンダリングについて理解が曖昧だったため、通常のレンダリングと、副作用の違いについて調べて整理してみます。 レンダリング とは Reactがコンポーネントの内容をブラウザの画面に表示するプロセスのこと。 具体的には、次のような流れになります 初期レンダリング コンポーネントが最初にマウントされたときに、Reactはコンポーネントのrenderメソッドや関数コンポーネントの内容を実行し、その結果を仮想DOMに描画します。 その後、仮想DOMと実際のDOMを比較し、必要な変更を実際のDOMに反映させます。 再レンダリング コンポーネントの状態(state)やプロパティ(props)が