Javascript 如何映射对象'；s键使JSON在React中更易于处理

如果我有这个JSON：

{
    'name': 'Active user',
    'config': {
        'status': 'active',
    }
},
{
    'name': 'Paused user',
    'config': {
        'status': 'active',
    }
}

然后我可以渲染React组件并轻松访问数据：

render: function() {
    var panels = [];

    this.props.accounts.forEach(function(account) {
        panels.push(
            <Tabs.Panel title={account.name}>
                <h2>{account.name}</h2>
            </Tabs.Panel>
        );
    });

    return (<Tabs>{panels}</Tabs>);
}
...
React.render(<Tabs accounts={ACCOUNTS} />, document.body);

i、 e.我不再需要显示

名称

属性

这就是你想要的吗

var users = {
    'Active User': {
        'config': {
            'status': 'active',
        }
    },
    'Paused User': {
        'config': {
            'status': 'paused',
        }
    }
};

var usersWithName = Object.keys(users).map(function(key) {
  var user = users[key];
  user.name = key;
  return user;
});

---

其中，

usersWithName

=

[{“配置”：{“状态”：“活动”}，“名称”：“活动用户”}，{“配置”：{“状态”：“暂停”}，“名称”：“暂停用户”}]

对于那些反对投票的人来说，这是我问题的模糊性吗？我不确定如何正确描述文件结构中的差异。任何信息将不胜感激，以提高质量。在提问之前你有没有搜索和研究过？我有：我发现了类似的问题，但没有任何东西能真正解释问题所在。不过你说得对，事后看来，我应该能够用它们来解决我自己的问题。不过，如果你认为其他地方也有报道，请将其标记为副本。非常感谢。也正是数组和类似数组的对象之间的差异让我大吃一惊。你的地图功能让我意识到我总体上做错了什么。

var users = {
    'Active User': {
        'config': {
            'status': 'active',
        }
    },
    'Paused User': {
        'config': {
            'status': 'paused',
        }
    }
};

var usersWithName = Object.keys(users).map(function(key) {
  var user = users[key];
  user.name = key;
  return user;
});