如何在React中呈现嵌套数组元素？

Question

我想渲染嵌套的数组元素。要渲染我使用.map的元素，但它不适用于第二个数组。

  

使用list = [{value：＆＃39; One＆＃39;，list：[{value：＆＃39; abc＆＃39;，selected：false}，   {value：＆＃39; efg＆＃39;，selected：false}]}，{value：＆＃39; Two＆＃39;，list：[{value：   ＆＃39; psr＆＃39;，选择：false}]}];

   list.map((item, index) => {
        return (
          <div key={index}>
            <ul >{item.value}</ul>
            item.list.map((subitem, i) => {
              return (
                 <ul >{subitem.value}</ul>
              )
            })
          </div>
        )
      })

我在这里遗漏了什么吗？

由于

Answer 1

试试这个。您在第二个dest

之前错过了 {}

map

DEMO：https://jsfiddle.net/jwm6k66c/2611/