Reactjs render方法中的嵌套返回语句

有人能给我解释一下在render（）方法中嵌套return语句的语法吗

render（）{
//TODO将下面的内容替换为html的复制部分
返回(
快车待办事项
{this.state.todos.map（todo=>{
返回(
)
})}
)
}

这段代码实际上正确地呈现了所有两个组件（TodoInput、TodoItem）。我只是想了解这背后的逻辑

---

TIA:）

实际上这里的

render

函数只有一个返回语句，第二个是匿名函数（lambda）的返回语句，作为

this.state.todos

数组的

map

方法的参数提供。因此，

render

此处返回的元素之一是通过映射

todos

数组返回的组件。确保您了解

Array.map

、匿名函数和React组件的工作原理。

帮自己一个忙，在进入框架和库之前先学习javascript基础知识。@YuryTarabanko，有些人是边做边学：）有时可能会感到困惑。这就是这样的论坛存在的原因之一。

  render() {
    // TODO replace the <div> contents below with the copied portion of html
    return (
      <div id="layout">
          <h1 id="page-title">Express Todo</h1>
          <div id="list">

            <TodoInput create={this.create}></TodoInput>

            { this.state.todos.map( todo => {
                return (
                  <TodoItem key={todo.id} todo={todo} remove={this.remove}>
                  </TodoItem>
                )
            })}

          </div>
      </div>
    )
  }