反应最佳实践:把状态传给孩子还是让孩子直接检查状态?

展示和容器组件

这里有一个表示成分,你可以看到它和反应没有关系。

const TodoList = ({ todos, onTodoClick }) => (
  <ul>
    {todos.map((todo, index) => (
      <Todo key={index} {...todo} onClick={() => onTodoClick(index)} />
    ))}
  </ul>
)

connect

const VisibleTodoList = connect(
  mapStateToProps,
  mapDispatchToProps
)(TodoList)

here