React - 根据对象的数据创建复选框

时间:2018-01-26 11:01:36

标签: javascript reactjs checkbox state

我在实施我的一个想法时遇到了问题。基本上我想创建(在React中)小应用程序:

1)从对象获取数据,例如:

bucketBy

但是属性的数量可以不同于3(解决方案应该是灵活的)。

2)创建带有标签的复选框(来自obj的名称)。

3)有2个按钮:一个用于检查所有复选框,第二个用于取消选择它们。

4)显示选择一个(或多个)用户时的年龄,不显示时隐藏。

看起来似乎很简单,但我无法做到。我遇到的第一个问题是如何在创建复选框时迭代对象。 forEach或map不起作用。任何提示将不胜感激!提前谢谢!

1 个答案:

答案 0 :(得分:0)

Object.keys(obj).forEach(key => {
   const person = obj[key];
});

这应该让你开始。您应该阅读有关如何使用数据结构的一些内容。