React/JS/Es6 多重/双层循环数组/Object/Map

最新推荐文章于 2024-02-12 08:00:00 发布

iteye_13003

最新推荐文章于 2024-02-12 08:00:00 发布

阅读量4.6k

点赞数

分类专栏： React 文章标签：乔乐共享众观千象明天见吧一点点学习永无止境 React

本文链接：https://blog.csdn.net/iteye_13003/article/details/82649712

版权

React 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

1、数据源：

var module = [
  {
    "1": [
      {
        "name": "公告区",
        "todayposts": "0",
        "fid": "2"
      },
      {
        "name": "产品动态",
        "todayposts": "0",
        "fid": "58"
      },
      {
        "name": "点小融专区",
        "todayposts": "0",
        "fid": "72"
      },
      {
        "name": "点融黑帮",
        "todayposts": "0",
        "fid": "73"
      }
    ],
    "59": [
      {
        "name": "版务管理",
        "todayposts": "0",
        "fid": "60"
      },
      {
        "name": "投诉建议",
        "todayposts": "0",
        "fid": "70"
      },
      {
        "name": "问题求助",
        "todayposts": "0",
        "fid": "42"
      }
    ]
    ......
]

2、React多重循环

<select value={ state.form.fid } onChange={ this.setStateByKey.bind(this, 'fid') }>
  <option value="0">选择版块</option>
  {
    Object.keys(modules).map((key) => (
      modules[key].map((item) => (
        <option key={item.fid} value={item.fid}>{item.name}</option>
      ))
    ))
  }
</select>