注意点 ワイルドカード（ _ 、% ） SIMILAR TO で使えるメタ文字 参考 注意点 LIKE,SIMILAR TOによるパターン一致は「パターンが文字列全体に一致」した場合のみ真を返す。これは、「パターンが文字列の一部分であっても一致」する、一般的な正規表現の動作…

概要 注意点 使い所 書き方 useRef useRef ① 導入部 書き方例（ useRef ① 導入部） useRef ②-1 値の読み書き 書き方例（ useRef ②-1 値の読み書き） useRef ②-2 DOM 操作 書き方例（ useRef ②-2 DOM 操作） forwardRef 書き方例（ forwardRef ） 書き方例（u…

概要 注意点 使い所 書き方 ① 導入部 書き方例（① 導入部） ② イベントハンドラ 書き方例（② イベントハンドラ） ③ リデューサ関数 書き方例（③ リデューサ関数） 書き方例（① + ② + ③） useState から useReducer への移行方法 参考 概要 state 更新ロジッ…

レンダー コミット リアクティブな値 JSX レンダー React がコンポーネントを呼び出すこと レンダーとコミット – React 更新されたコンポーネントが他のコンポーネントを返す場合、次にそのコンポーネントを React がレンダーし…、というように、ネストされ…

JSXの概要 書き方 参考 JSXの概要 JSX と React は別物。一緒に使われることが多いが、片方だけを独立して使うことは可能。JSX とは言語の拡張であり、React は JavaScript ライブラリ JSX は JavaScript に変換され、中に書かれた属性は JavaScript オブジ…

概要 書き方（導入部） 無駄がある書き方 書き方（set関数） 関数自体をstateに設定したい場合 参考 概要 コンポーネント固有のメモリのこと 書き方（導入部） コンポーネントのトップレベルで useState を呼び出して、state 変数を宣言する 初期化関数は、…

定義 純関数 動作 定義 コンポーネント：定義をネストしない state の保持とリセット> 同じ位置の異なるコンポーネントは state をリセットする > 落とし穴 – React イベントハンドラ：通常、コンポーネントの内部で定義される イベントへの応答 > イベント…

概要 書き方 書き方例 🚨 () を書いてはダメ 参考 概要 イベントが発生した時に呼ばれるコールバック関数 入力内容をコンソールに表示する < Todoアイテムの追加を実装する · JavaScript Primer #jsprimer 書き方 イベントハンドラ関数は、通常、コンポーネン…

概要 自作のコンポーネント ブラウザの組込みコンポーネント 使い方 使用例 textarea の読み取り方①（state変数を使わない方法） textarea の読み取り方②（state変数を使う方法） preventDefault() と stopPropagation() 参考 概要 React コンポーネントとは…

概要 注意点 使い所 使い方 用語説明「リアクティブな値」 useEffectの「引数」と「実行タイミング」 使い方例 エフェクトの宣言 エフェクト内で関数を宣言 参考 概要 コンポーネントを外部システムと同期させるためのReactフック。 注意点 外部システムと同…