Javascript ReactJS-映射中的映射

我正在开发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>
    );
}

render（）{
返回(
{this.props.match.params.user}的板
设置
添加注释
{
this.props.notes.map（（项目，索引）=>
{item.name}
item.subtask.map（（子，子索引）=>
{sub}
）
)
}
);
}

但我得到了：

未捕获引用错误：未定义子索引

---

正确的方法是什么？

您需要像这样将第二个

映射

括在

{}

括号内

{
    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>
    )
}

{
this.props.notes.map（（项目，索引）=>
{item.name}
{ 
item.subtask.map（（子，子索引）=>
{sub}
）
}
)
}

JSX中嵌入的JavaScript必须始终包装在

{}