首页 > 其他 > 详细

react useRef()函数

时间:2020-11-06 18:44:36      阅读:26      评论:0      收藏:0      [点我收藏+]

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>
);
}

 

react useRef()函数

原文:https://www.cnblogs.com/ranyonsue/p/13938170.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!