功能組件中每個獨立 state 的更改是否會觸發 React 中組件的渲染？

Question

當我們在一個組件中有多個獨立狀態時，如果我更改其中任何一個，是否會觸發整個組件的重新渲染？

初始化const [email, setEmail] = useState('') const [val, setVal] = useState(true)

更新setVal(false)

這會再次渲染整個組件嗎？

Answer 1

是的，組件將再次呈現。 讓我補充一下：雖然如果您有兩個狀態（幾乎）同時發生變化，則 state 更新將被批處理。 在 React 18 中，React 批處理 state 更新 React 事件處理程序、promise、setTimeout 和本機事件處理程序，導致僅重新渲染一次。