关于使用useRef保存上一次状态的疑问

Question

我不懂的是为什么这个preCountRef.current保存的是count这个属性，但是点击div的时候count会加一，为什么它就保存上一次的状态呢，很是纳闷

Answer 1

茵风泳月 2019-05-23 14:21:22

同学你好，我们观察代码

useEffect(() => {
  preCountRef.current = count;
});

它没有依赖参数，说明每一次组件的渲染（典型是点击按钮触发的渲染），都会运行一次这个副作用。而useEffect是在每次的渲染后来执行的。因此我们把本次渲染所使用的count保存在了preCountRef中。

现在我们执行下一次渲染，这个时候我们先运行的代码是：

const [count, setCount] = useState(0);
const prevCountRef = useRef();
const prevCount = prevCountRef.current;

注意这时候副作用还没有运行，所以在本次渲染阶段，prevCount就是上一次渲染的时候所用得count值。

不知道对你的疑惑有没有帮助。

祝您学习愉快！

• 提问者 qq_我的心向大海_ckuGNU #1

  非常感谢！了解了，先渲染jsx在执行useEffect函数