12,661
回編集
差分
ナビゲーションに移動
検索に移動
<<input type="text" ref={txtKeyword} ../>>
→useRef
*変更しても再レンダーはトリガされません（state 変数は、変更すると再レンダーがトリガされます）。
*保存された情報は、コンポーネントのインスタンスごとに固有です（コンポーネントの外側で定義された変数は、コンポーネントのインスタンス間で共有されます）。
*[https://zenn.dev/tns_00/articles/react-typescript-form-error-of-value TypeScriptでエラーの場合]
<pre>
import { useRef } from 'react';
const txtKeyword = useRef<HTMLInputElement>(null);console.log(`txtKeyword.current.value:${txtKeyword.current?.value}`);
:
</pre>
© 2006 矢木浩人
