2021-09-01 jsxファイルでのコンポーネント中外での処理タイミングの違い 例えば下記のようなファイル内の記述があった場合、 console.log("コンポーネント外"); const Text = () => { console.log("コンポーネント内"); return ( <div>test</div> ); } コンポーネント外は読み込み時のみ実行 コンポーネント内はstateの更新などで再レンダリングされときも実行 なのでコンポーネント内で使う必要がないものは外で書いたほうが無駄がない気がする(その場合ファイルが分かれるべきかもだけど)