功能组件中每个独立 state 的更改是否会触发 React 中组件的渲染？

Question

当我们在一个组件中有多个独立状态时，如果我更改其中任何一个，是否会触发整个组件的重新渲染？

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

更新setVal(false)

这会再次渲染整个组件吗？

Answer 1

是的，组件将再次呈现。 让我补充一下：虽然如果您有两个状态（几乎）同时发生变化，则 state 更新将被批处理。 在 React 18 中，React 批处理 state 更新 React 事件处理程序、promise、setTimeout 和本机事件处理程序，导致仅重新渲染一次。