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 的用例。