聚焦文字輸入框

.focus() 獲取焦點

當(dāng)用戶點擊按鈕時，handleClick 函數(shù)會被調(diào)用，從而將焦點聚焦到文本輸入框上。

// 焦文字輸入框
import { useRef } from "react";const FocusForm = () => {const inputRef = useRef<any>(null);function handleClick() {// 獲取輸入框焦點inputRef.current.focus();}return (<><input ref={inputRef} /><button onClick={handleClick}>Focus the input</button></>);
};export default FocusForm;

定義一個名為 handleClick 的函數(shù)。當(dāng)按鈕被點擊時，這個函數(shù)會被調(diào)用。在函數(shù)內(nèi)部，我們通過 inputRef.current 獲取到 inputRef 引用所指向的 DOM 元素，并調(diào)用其 focus 方法，將焦點聚焦到文本輸入框上。