鍍金池/ 問答/HTML/ 在jsx語法里面遍歷雙層數(shù)組，每層里面的東西都要渲染出來

在jsx語法里面遍歷雙層數(shù)組，每層里面的東西都要渲染出來

clipboard.png
我的數(shù)據(jù)格式是這樣的需要遍歷讓每一層里的東西都渲染出來，

clipboard.png
這個要怎么整

回答
編輯回答
薔薇花

map兩次唄，

fil.map(f=>
    <div>
        {f.child.map(c=><div></div>)}
    </div>）
2017年9月25日 15:55
編輯回答
大濕胸
// 第一步：將一棵展開
function flatTree(tree, parentId) {
  return tree.reduce((list, { id, flag, name, value, child }) => {
    list.push({ id, flag, name, parentId, value });
    if (child) {
      return list.concat(flatTree(child, id));
    }
    return list;
  }, []);
}
// 第二步：渲染
flatTree(filtrateFields).map(({ id, flag, name, value }) => (
  <label key={id}>
    <input type="checkbox" checked={flag || false} onChange={({ target: { checked } }) => myOnChange(id, value, checked)} />
    {name}
  </label>
));
2018年6月17日 09:05
編輯回答
離觴
filtrateFields.map((item,i) =>{
     return(
     <div key={i}>
     {item.name}
     </div>
     )
     item.map((list,k) =>{
       return(
       <div key={k}>
       {list.name}
       </div>
       )
     })
})
2017年1月31日 03:14