我有一个JSON对象数组,我想在React中基于它创建一个动态表列/标题。
数据:
example = [
{
id: 0,
city: 'New York',
},
{
id: 1,
city: 'Paris',
},
]
我想迭代数组,获取密钥并添加额外的字段。到目前为止,我有:
columns() {
return Object.keys(Example[0]).map((key) => {
return {
cityName: key,
capital: false,
};
});
}
我得到了密钥,但它们是无序的(随机的),并且额外的字段被添加到所有对象中。我想让每个键使用它作为表头(列名),并能够为每个对象更改capital
。我怎么能在React中做到这一点?
您可以使用Array.map。
example = [
{
id: 0,
city: 'New York',
},
{
id: 1,
city: 'Paris',
},
];
example.map((obj) => {
return {
CITY : obj.city,
ID : obj.id
// Do whatever with the objects
}
})
arr => arr && arr[0] ? object.keys(arr[0]) : [];
确保数组中的所有项都具有相同的键