Javascript 如何在JSX中使用对象渲染数组？

单击“person”后，我从api请求数据。 我得到的数据将表示“车辆”，数据包括带有车辆“名称”和“型号”字段的对象

const[vehicles，setVehicles]=useState（[]）

如何呈现此异步数据？如何以正确的方式循环它

我需要这样做：

<p>Name: {name from state}</p>
<p>Model: {model from state}</p>

名称：{Name from state}

模型：{Model from state}

可能只是将获取的数据添加到状态，然后将其映射为ul

从“React”导入React；
常量应用=（）=>{
useffect（（）=>{
获取车辆（）；
}, []);
const fetchVehicles=（）=>{
axios.get（“/api/vehicles”）。然后（（res）=>{
常数车辆=分辨率数据；
车辆&&
车辆。地图（（v）=>{
setVehicles（[…vehicles，{name:v.name，model:v.model}]）；
});
});
};
返回(
{车辆(

{车辆地图（（v）=>{
返回(

{v.name}

{v.model}


);
})}

) : (
禁止车辆

)}
);
};
导出默认应用程序；

我不知道为什么，但当您设置车辆处于使用状态时，它只返回状态中的一个值，而不是两个。@3stacks oops，我想我搞错了，请检查更新的代码，我想您需要将车辆对象的所有响应数据放入一个数组中，然后针对每个车辆对象，映射并将它们保存到状态。我所以忘了删除原始的setVehicles（[]）函数。这是否回答了您的问题？

<p>Name: {name from state}</p>
<p>Model: {model from state}</p>