React useEffect 无法更新函数变量

?

1 2 3 4 5 6 7 8 9

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 的第二个可选参数即可：

 

useEffect(() => {

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

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