无法显示 ES6 中数组中存在的数组内容

Question

由于某些原因，我无法显示存在于数组中的数组内容，尽管我有它们。

附上代码

render() {
 {
 var data ={
   value : "dff",
   provider: [{
   0:[{name: 'Rishan'},{name: 'kishan'},{name: 'jishan'},{name: 'mishan'},{name: 'fishan'}]
   }]
 }
 data.provider.map((i) => {
     i.map((j) => {
       return (
         <div>
         <h1>{i.value}</h1>
         <h1>{j.name}</h1>
         </div>
       );
     })
    })
    }
   }
   }

现在，我正在尝试显示提供程序数组第 0 个索引中的内容

即

它必须打印 'Rishan'、'kishan'、'jishan' 等...

当前代码显示

如有任何帮助，我们将不胜感激。

Answer 1

这是因为您的渲染函数没有 return 有效的 jsx。将您的全部内容包装在 div 中。否则它不会工作

 render() {
{
 var data ={
  value : "dff",
  provider: [{
  0:[{name: 'Rishan'},{name: 'kishan'},{name: 'jishan'},{name: 'mishan'},
 {name: 'fishan'}]
     }]
 }
return(<div>
 {data.provider.map((i) => {
    i[0].map((j) => {
      return (
        <div>
       <h1>{i.value}</h1>
       <h1>{j.name}</h1>
       </div>
     );
   })}</div>);
})
}
}
}

Answer 2

你需要return一些东西，如果你不放return声明，那么JavaScript将return未定义

render() {
 {
 var data ={
   value : "dff",
   provider: [{
   0:[{name: 'Rishan'},{name: 'kishan'},{name: 'jishan'},{name: 'mishan'},{name: 'fishan'}]
   }]
 }
 return data.provider.map((i) => {
     i[0].map((j) => {
       return (
         <div>
         <h1>{i.value}</h1>
         <h1>{j.name}</h1>
         </div>
       );
     })
    })
    }
   }
   }

无法显示 ES6 中数组中存在的数组内容

Unable to display the Array contents present inside of an Array in ES6

javascript

arrays

ecmascript-6

reactjs

es6-modules