useRef

画面に読み込まれた最初の構成部品に焦点を当てたい場合.
値を入力するときにgetElementbyIdを使用します.
現在のプログラムで使用できるのはgetElementbyIdではなくuserefです.
本質的にuserefは.現在の構成に変更可能な値が含まれているボックスと同じです.
高反応docsに現れる.

import { useEffect, useRef } from "react";

CounterPage() {
    const inputRef = useRef<HTMLInputElement>(null);
    
    useEffect(()=>{
        console.log("수정되고 다시그려짐")
        inputRef.current?.focus()
    })
 }
 
 <input type="text" ref={this.inputRef}/>

returnセクションのInputウィンドウとusRefをバインドします.
カーソルが点滅しているのが見えます.