React

React

【React】useEffectの実行が2回発生する現象

useEffectでconsole.log();などを記述した際に、2 回出力されて気になったことはないでしょうか?今回はuseEffectの実行が2回発生する現象を紐解いていきます。以下のいくつかの原因が考えられます。1. Strict ...
React

ReactのuseReducer完全ガイド:複雑な状態管理を効率化する方法と実践例

useReducerは、Reactで複雑な状態管理を行う際に便利なフックです。特に、複数の状態をまとめて管理したい場合や、状態を一つの流れで処理したい場合に役立ちます。useStateよりも少し高度な状態管理が必要なときに使うことが多いです...
React

Reactのstateとは?動的データ管理と再レンダリングの仕組み、useStateの使い方を解説

Reactのstate は、コンポーネント内で管理される動的なデータや状態を指します。これにより、コンポーネントが持つデータやその表示内容を動的に変更できるようになります。state は、ユーザーの操作やその他のイベント(APIからのデータ...
React

Reactのpropsとは?親子コンポーネント間でのデータ伝達と使い方を徹底解説

Reactのpropsは、ココンポーネント間でデータを渡すための仕組みです。具体的には、親コンポーネントから子コンポーネントに対してデータを渡すときに使用します。主な特徴 読み取り専用props は子コンポーネント内で変更することはできませ...
PAGE TOP