如何添加與待辦事項列表項組件

Question

所有連接：

我非常新的終極版和反應，終極版，我不知道如果我設計一個待辦事項成分（a todolist的的元件單元）像

const todo => ({id, todocontent}) { 
    return <li key={id}>{todocontent}</li> 
} 

那麼我該如何構建mapStateToProp函數並將它與連接一起使用？

說出待辦事項列表數據是這樣的：

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

Answer 1

事情是這樣的：

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)