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

Question

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

使用list = [{value:'One',list:[{value:'abc',selected:false},{value:'efg',selected:false}]},{value:'Two',list:[ {value:'psr',selected: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

试试这个.你在第二次之前错过了{}map

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

演示:https://jsfiddle.net/jwm6k66c/2611/