我是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)