小编Son*_* Le的帖子

我在Reactjs中构建一个CheckAllBoxes组件.我有一个项目清单

fruits = {orange, apple, grape}

<SelectBox />显示和切换HTML复选框的常规组件

我需要构建一个<Fruits />组件来列出所有的水果,每个项目都有自己的<SelectBox />

然后我需要构建一个<SelectAll />具有a 的组件,<SelectBox />当它被检查时,它将切换所有<CheckBox />的组件<Fruits />

如果再次取消选中任何水果,那么也<SelectAll />应该取消选中.

结果应如下所示:

如何<SelectAll />控制其他复选框？

我有这个对象

a = {key:'animals',
     options: ['dog','cat','penguin']}

我该如何简化它:

b = ['animals','dogcatpenguin']