父组件如何在React中重置许多子代

问题描述 投票:1回答:1

我正在编写一个包含大型正方形网格的应用程序。每个正方形(或单元)都保持其自己的状态。单击单个单元格会更改其颜色(该单元格使用useState())

我想有一个重置按钮,它将所有单元都设置回其初始状态,即白色。

我不知道如何使用此单个按钮来更改所有单元格的状态。单元的数量可以变化(取决于所选的布局大小),介于121到529之间。

任何建议都可以接受!

reactjs state hook parent
1个回答
0
投票

您可以使用context并将所有cells包裹在context.provider中,然后在cells useEffect钩子中监听上下文的结果,如果更改,则可以将每个单元格的状态更改为其首字母

© www.soinside.com 2019 - 2024. All rights reserved.