reactjs - 如何强制更新功能组件？

Question

我正在学习 redux 并想了解 useSelector 如何更新组件，因为该组件没有自己的状态。

我了解到 useSelector() 将组件订阅到商店，并且当商店更新时，组件也会更新。

类组件有this.forceUpdate()，但是功能组件没有。

如何强制更新功能组件？

Answer 1

你可以简单地这样做

添加一个虚拟状态，您可以更改它以可靠地启动重新渲染。

const [rerender, setRerender] = useState(false);

...
//And whenever you want to re-render, you can do this
setRerender(!rerender);

这将重新渲染组件，因为组件总是在状态改变时重新渲染