我正在开发 ReactJS 和 Redux 应用程序。在某些时候,我有一个元素列表(注释),每个元素都有一个数组(子任务)。我想显示所有元素,并为每个元素显示其数组的内容。
我试过这个:
render(){
return(
<div>
<h3>{this.props.match.params.user}'s board</h3>
<Link to={`/settings/${this.props.match.params.user}`}>
<button>Settings</button>
</Link>
<Link to={`/new/${this.props.match.params.user}`}>
<button>Add note</button>
</Link>
{
this.props.notes.map((item,index) =>
<Link to={`/details/${item.name}`}>
<h4 key={index}>{item.name}</h4>
item.subtasks.map((sub, subindex)=>
<p key={subindex}>{sub}</p>)
</Link>
)
}
</div>
);
}
但是我得到了:
Uncaught ReferenceError: subindex is not defined
正确的做法是什么?
最佳答案
您需要像这样在 {}
括号内包裹第二个 map
{
this.props.notes.map((item,index) =>
<Link to={`/details/${item.name}`}>
<h4 key={index}>{item.name}</h4>
{
item.subtasks.map((sub, subindex) =>
<p key={subindex}>{sub}</p>)
}
</Link>
)
}
关于javascript - ReactJS - map 中的 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49094137/