“ref”對象是一個通用容器，其current屬性是可變的

保存dom

function Test() {const t = useRef(null);useEffect(() => {l(t.current); // div});return (<div ref={t}> ... </div>); }

保存事件程序

function Test() {const t = useRef(null);function handleClick() {t.current = setTimeout(() => l(1), 2000);}function handleClear() {clearTimeout(t.current);}return (<><button onClick={handleClick}>start</button><button onClick={handleClear}>clear</button></>); }

存儲以前的值

function Test() {const t = useRef(null);const [name, setName] = useState("ajanuw");useEffect(() => {t.current = name;});const prevName = t.current;return (<div><input value={name} onChange={e => setName(e.target.value)} /><h2>{name}</h2><p>{prevName}</p></div>); }

轉載于:https://www.cnblogs.com/ajanuw/p/10152485.html

總結

以上是生活随笔為你收集整理的react useRef()函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。