Redux 如何添加连接到todo列表项组件

全部：

我对redux和react redux非常陌生，我想知道我是否设计了一个todo项组件（todolist的元素单元），比如

大概是这样的：

class YourComponent extends Component {
  render () {
    return (
      <div>
        {this.props.items.forEach((item) => {
          return <todo id={item.id} todocontent={item.todocontent} />
        })}
      </div>
    )
  }
}

const mapStateToProps = (state) => {
  return {
    items: state.<yourReducerName>.todolist
  }
}

connect(mapStateToProps)(YourComponent)

class YourComponent扩展组件{
渲染（）{
返回(
{this.props.items.forEach（（item）=>{
返回
})}
)
}
}
常量mapStateToProps=（状态）=>{
返回{
项目：州..todolist
}
}
连接（MapStateTops）（您的组件）

{
    title: "TodoList",
    version:"1.0",
    todolist: [
        {id:"id1", todocontent: "todo 1"},
        {id:"id2", todocontent: "todo 2"}
    ]
}

class YourComponent extends Component {
  render () {
    return (
      <div>
        {this.props.items.forEach((item) => {
          return <todo id={item.id} todocontent={item.todocontent} />
        })}
      </div>
    )
  }
}

const mapStateToProps = (state) => {
  return {
    items: state.<yourReducerName>.todolist
  }
}

connect(mapStateToProps)(YourComponent)