首页 > 其他 > 详细

React useEffect 无法更新函数变量

时间:2021-06-22 15:24:36      阅读:10      评论:0      收藏:0      [点我收藏+]
const MyComponent = props => {
    const number = useRef(0);
    React.useEffect(() => {
        number.current = number.current + 1
        console.log(‘inside useEffect: ‘, number.current);
    }, [number])

    return <div/>
}

  

这是很常见的需求,所以它被内置到了 useEffect 的 Hook API 中。如果某些特定值在两次重渲染之间没有发生变化,你可以通知 React 跳过对 effect 的调用,只要传递数组作为 useEffect 的第二个可选参数即可:

 

  document.title = `You clicked ${count} times`;
}, [count]); // 仅在 count 更改时更新

你已经学习了 State Hook 和 Effect Hook,将它们结合起来你可以做很多事情了。它们涵盖了大多数使用 class 的用例。

 

React useEffect 无法更新函数变量

原文:https://www.cnblogs.com/yinxin/p/14918000.html

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