react 中map的嵌套循环

Question

const modules = [
 {
   title: "整个开发分为第1期和第2期。每个阶段进⼀步拆分为⼏个阶段。",
   detail: [
     {
       name: "第1期 组件：",
       list: [
         "111",
         "222",
         "333",
         "444",
         "555",
         "666",
         "777"
       ]
     }
   ]
 },
 {
   title: "本期将以2个阶段完成。",
   detial: [
     {
       name: "第1阶段，开发⽬标：",
       list: [
         "111",
         "222",
         "333",
         "444",
         "555"]
     },
     {
       name: "第2阶段：",
       list: [
         "111",
         "222",
         "333",
         "444"
       ]
     },
     {
       name: "第2期：",
       list: [
         "11",
         "22"
       ]
     }
   ]
 },
 {
   title: "创建详情",
   deatail: [
     {
       name: "111:",
       list: [
         "222。",
         "333。",
         "444",
         "555",
         "666",
         "777"
       ]
     }
   ]
 }
]

需要两层，还有需要三层的map嵌套循环，请问怎么实现呢？

Answer 1

Parry 2018-06-05 10:30:35

请看

http://qiaolevip.iteye.com/blog/2287758

• 提问者 慕工程456822 #1

  这个方法也试过了，也会报错的

Answer 2

Parry 2018-06-05 10:29:49

map 出来就是 json 对象，还是按照 json 的处理形式啊，需要循环的继续写 map 就可以了。

• 提问者 慕工程456822 #1

  到第二层就会报错的，说map不是一个方法

• Parry 回复 提问者 慕工程456822 #2

  贴下你的代码我看下。

• 提问者 慕工程456822 回复 Parry #3

  已经解决了，把第二次要循环的值i单独写了方法出来，传递了参数，然后再返回回去就好了，调用方法就可以了；如果有更好的方法请共享