我正在编写一个包含大型正方形网格的应用程序。每个正方形(或单元)都保持其自己的状态。单击单个单元格会更改其颜色(该单元格使用useState())
我想有一个重置按钮,它将所有单元都设置回其初始状态,即白色。
我不知道如何使用此单个按钮来更改所有单元格的状态。单元的数量可以变化(取决于所选的布局大小),介于121到529之间。
任何建议都可以接受!
您可以使用context
并将所有cells
包裹在context.provider
中,然后在cells
useEffect
钩子中监听上下文的结果,如果更改,则可以将每个单元格的状态更改为其首字母