Javascript 在ReactJs中渲染对象数组

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((数字

我试图遍历对象属性(本例中的名称),并在easy loop in函数中列出它们。我已经找到了一些相当尴尬的方法,但它似乎不正确

以下是我得到的:

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')) );
    非常感谢!这正是我需要的。