如何在Reactjs中运行映射函数?

Question

如何运行地图函数我正在尝试映射函数，但它抛出错误无法读取 Reactjs 中未定义的地图属性

我正在尝试在 React JSX 组件中执行以下操作

const data = {
Details: [
{       
"id": "6f12",
"nextPart": {
"id": "1ae2",
"text": "Details",
"heading": "twice data and staff memeber",
"checks": [
{
"value": "A"
},
{
"value": "B"
}
],
"Types": "Error"
},
"conclusion": "final"
}
]
}

Answer 1

nextPart属性是一个object，而不是一个array。映射适用于数组。 如果你的Details是一个对象数组(看起来像这样(，你可以这样做

{data.Details.map((item) => {
const { text, heading, checks } = item.nextPart;
return (
<div>
<div>{text}</div>
<div>{heading}</div>
<div>
{checks.map(({ value }) => (
<div>{value}</div>
))}
</div>
</div>
);
})}