2017-04-21 100 views
0

所有连接:如何添加与待办事项列表项组件

我非常新的终极版和反应,终极版,我不知道如果我设计一个待办事项成分(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"} 
    ] 
} 

回答

0

事情是这样的:

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)