Javascript 在映射函数中映射到另一个数组
我有一个对象数组,它可以包含数组。如何迭代映射中的内部数组?如果我像这样尝试,我会得到一个 TypeError:postData.to_json.map不是函数Javascript 在映射函数中映射到另一个数组,javascript,reactjs,Javascript,Reactjs,我有一个对象数组,它可以包含数组。如何迭代映射中的内部数组?如果我像这样尝试,我会得到一个 TypeError:postData.to_json.map不是函数 返回( {daten.length>0&& daten.map((postData)=>( ID:{postData.ID} {postData.to_json.map((数据)=>( 信息:{data} ))} ))} ); 我的数据是这样的 您需要通过以下方式将转换为_json(这是字符串类型,而不是数组)转换为数组对象: {JS
返回(
{daten.length>0&&
daten.map((postData)=>(
ID:{postData.ID}
{postData.to_json.map((数据)=>(
信息:{data}
))}
))}
);
我的数据是这样的
您需要通过以下方式将
转换为_json
(这是字符串类型,而不是数组)转换为数组对象:
{JSON.parse(postData.to_JSON).map((data)=>(…)}
更改postData.to_JSON.map
到JSON.parse(posData.to_JSON).map
到“…”
指出to_json
的值不是一个数组,而是一个包含json的字符串。您必须先解析它,然后才能对其进行操作。更好的做法是:如果您控制数据生成端,请确保您没有对数据进行双重编码。只有顶级值应编码为json。如果这样做,则postData.to_json.map(…)
将按预期工作。请尝试将postData.to_json.map((数据)=>(
更改为json.parse(postData.to_json.map)(
return (
<div className="App">
{daten.length > 0 &&
daten.map((postData) => (
<>
<h3 key={postData.id}>ID: {postData.id}</h3>
{postData.to_json.map((data) => (
<>
<h3 key={data}>INFO: {data}</h3>
</>
))}
</>
))}
</div>
);