无法在ES6中显示Array中存在的Array内容

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语句，那么JavaScript将返回undefined

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>
       );
     })
    })
    }
   }
   }

Answer 2

因为你的渲染函数没有返回有效的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>);
})
}
}
}