Javascript 在ReactJs中渲染对象数组
我试图遍历对象属性(本例中的名称),并在easy loop in函数中列出它们。我已经找到了一些相当尴尬的方法,但它似乎不正确 以下是我得到的:Javascript 在ReactJs中渲染对象数组,javascript,reactjs,babeljs,Javascript,Reactjs,Babeljs,我试图遍历对象属性(本例中的名称),并在easy loop in函数中列出它们。我已经找到了一些相当尴尬的方法,但它似乎不正确 以下是我得到的: const ItemsToSell=[{“Name”:“Cup”,“Price”:“99.99”},{“Name”:“IPhone”,“Price”:“99.99”}{ “名称”:“笔”,“价格”:“99.99”}] 功能列表项(道具){ 返回{props.value}; } 函数编号列表(道具){ 常数a=道具编号; 返回( {a.map((数字
const ItemsToSell=[{“Name”:“Cup”,“Price”:“99.99”},{“Name”:“IPhone”,“Price”:“99.99”}{
“名称”:“笔”,“价格”:“99.99”}]
功能列表项(道具){
返回{props.value} ;
}
函数编号列表(道具){
常数a=道具编号;
返回(
{a.map((数字)=>
)}
);
}
常量数=[0,1,2];
ReactDOM.render(
,
document.getElementById('root'))
);代码>
您可以简单地映射ItemsToSell
数组
const ItemsToSell=[{“Name”:“Cup”,“Price”:“99.99”},{“Name”:“IPhone”,“Price”:“99.99”}{
“名称”:“笔”,“价格”:“99.99”}]
功能列表项(道具){
返回{props.value} ;
}
函数编号列表(道具){
返回(
{ItemsToSell.map((obj,index)=>
)}
);
}
ReactDOM.render(
,
document.getElementById('root'))
);代码>
为什么不迭代ItemsToSell
数组?您不必再添加一个
注意:在循环元素时包含键
属性,否则将收到错误
const ItemsToSell=[{“Name”:“Cup”,“Price”:“99.99”},{“Name”:“IPhone”,“Price”:“99.99”}{
“名称”:“笔”,“价格”:“99.99”}]
功能列表项(道具){
返回{props.value} ;
}
函数编号列表(道具){
返回(
{ItemsToSell.map((元素,索引)=>
)}
);
}
ReactDOM.render(
,
document.getElementById('root'))
);代码>
非常感谢!这正是我需要的。