React useEffect 無法更新函數變量

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