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

Question

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

1) 从对象中获取数据，例如：

const obj = {
    person1: {
        name: 'Jessica',
        age: 25
    },
    person2: {
        name: 'Kate',
        age: 27
    },
    person3: {
        name: 'Lisa',
        age: 29
    }
};

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

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

3) 有 2 个按钮：一个用于选中所有复选框，第二个用于取消选择它们。

4) 选择一个（或多个）用户时显示年龄，未选择时隐藏。

看起来很简单，但我做不到。我遇到的第一个问题是在创建复选框时如何遍历对象。 forEach 或 map 不起作用。任何提示将不胜感激！提前致谢！

Answer 1

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

这应该可以帮助您入门。您可能应该阅读一下如何使用数据结构。