我有一个问题,并在下面留下CodeSandbox链接。我有3个复选框。我根据复选框的选中状态更新count
值。默认情况下选中其中2个复选框。我有一个dummyArray,并发送name
、value
和isPreselected
值 所以当页面加载时,我的count
值应该是10,但它是5。如果第一次加载时选中了复选框,我尝试用useEffect
增加count
值,但我猜它只添加了第一个复选框的值,不是第二个。我还尝试在页面加载时foreach
整个数组,如果isPreselected
值为true
,则更新count
值,但结果仍然相同。如何修复此问题?
代码沙箱链接:https://codesandbox.io/s/silly-liskov-egpq2s
2条答案
按热度按时间z6psavjg1#
在useEffect回调中,您可以迭代dummyArray并将预先选择的每个复选框的值添加到计数中。
xurqigkl2#
问题出在setState的初始值。应该是10,但在本例中设置为0。要为每个选中的框计数5,可以执行以下操作:
它将计算选中的复选框并乘以5。