小编Nik*_*iev的帖子

地图时如何跳过null?JSX

我是ReactJs/Redux和JSX的新手.我有一个动态信息表,里面有动态信息.

我有地图问题.我有2级地图:

<tbody>
  {
    data.map(row => (
      <tr key={`${row.type}`}>
        <td>
          <h5>{row.type}</h5>
        </td>
        <td>
          {
            row.text.map((name, indexText) => (
               <span key={row.text[indexText]} className="margin-right-10">
                 <Link
                   key={name}
                   role="button"
                   onClick={ () => this.getData(
                   this.state.le_id,
                   row.text[indexText][1],
                   row.type,
                   this.state.year,
                  )}>
                   {row.text[indexText][0]}
                 </Link>
               </span >
            ))
          }
        </td>
          <td>
              <Link className="btn btn-info btn-sm"
                    to={`/company/insurances/all-providers/${row.type}/${this.state.le_id}`}
              >
              {locales('create')}
              </Link>
          </td>
       </tr>
    ))
  }
</tbody>
Run Code Online (Sandbox Code Playgroud)

以下是它的实际效果:图像在这里

当我在过滤器中选择数组中某处为null的其他条件时,它会停止并显示错误:

list.js?6d8a:153 Uncaught (in promise) TypeError: Cannot read property 'map' of null
    at eval (eval at <anonymous> (http://localhost:3000/main-7a3d3e8ea9d6afcdba75.min.js:8972:1), <anonymous>:238:35)
    at Array.map (native)
    at ListsAccounting.render …
Run Code Online (Sandbox Code Playgroud)

javascript ternary-operator jsx reactjs react-redux

1
推荐指数
3
解决办法
2828
查看次数

标签 统计

javascript ×1

jsx ×1

react-redux ×1

reactjs ×1

ternary-operator ×1