在单击按钮时反应切换className

Question

我想用2个按钮在网格和列表之间更改布局。我是个新手，我想使用State，我的按钮逻辑似乎可以正常工作（当我console.log时），但是我不知道如何根据State更改div classNames。我尝试了一些东西，但是没有用（见下文）。无论我单击网格中的任何按钮或列出我的样式更改，但仅对于第一次单击，都不会发生任何事情。

3.464101615137755
2.309401076758504

Answer 1

问题出在按钮元素上，您应该使用value属性而不是isGrid属性更改状态。

<button onClick={() => layoutToggle({ value: true })}>
   Grid
</button>
<button onClick={() => layoutToggle({ value: false })}>
   List
</button>