import React, { useState, useEffect, useRef } from 'react';
export default function RefHookDemo() {
const [count, setCount] = useState(0);
const countRef = useRef(count);
useEffect(() => {
countRef.current = count;
}, [count]);
return (
<div>
<h2>前一次的值: {countRef.current}</h2>
<h2>这一次的值: {count}</h2>
<button onClick={e => setCount(count + 1)}>+1</button>
</div>
)
}
react使用useRef保存上一次的某一个值
最新推荐文章于 2024-03-25 03:46:26 发布