如何在React中渲染随机键和值的对象数组?

Question

我在React中有以下对象数组:

const arr = [
{ randomnumber: 'random string' },
{ randomnumber: 'random string' }
];

其中每个数字(键)和字符串(值)总是随机的。如何渲染这个?我想要得到这样的东西:

<p> {randomnumber} is: {randomstring} </p>

我已经尝试了一些方法与地图，但它不工作。什么好主意吗?

Answer 1

假设每个对象都有一个键/值对，您可以使用Object.keys()和Object.values()函数:

arr.map(obj => {
const [key] = Object.keys(obj);
const [value] = Object.values(obj);
return (
<p key={key}>
{key} is: {value}
</p>
);
});