useRef

1158 ワード
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をバインドします.
カーソルが点滅しているのが見えます.
ハッシュ数:reduce初期値
[BOJ/C+]2884目覚まし時計