useRef

787 ワード

JavaScriptを使用する場合、特定のDOMを選択する必要がある場合は、getElementByIdやquerySelectorなどのDOMセレクタ関数を使用してDOMを選択します.
応答を使用する項目では、手動でDOMを選択する必要がある場合もあります.
このとき、反応器にrefを用いる.
関数素子でrefを使用する場合はuserefというhook関数を使用します.
ソース:2実習を通じてもっと詳しく知りましょう。 ページの初期化の場合、直接入力したウィンドウにカーソルを合わせましょう。 export default function Counter () { const inputRef = useRef<HTMLInputElement>(null); useEffect(() => { inputRef.current?.focus(); ,[]) return ( <div> <input type='text' ref={inputRef}/> </div> ) } useref()を使用してRefオブジェクトを作成し、選択したいDOMのref値に設定する必要があります。 useEffectも使用して、最初のレンダリング時にinputウィンドウでカーソルを点滅させます。