Redux的關係，mapDispatchToProps

Question

我讀Presentational and Container Components和Smart and Dumb Components in React

而且概念：

components for 「dumb」 React components ; 
containers for 「smart」 React components ; 

但他們沒有提到的mapDispatchToProps和mapDispatchToProps

是不是就意味着我應從容器中取得state和action，並且不要在組件中使用mapDispatchToProps和mapDispatchToProps？
或者意味着我可以使用mapDispatchToProps，但不要在組件中使用mapDispatchToProps？

我這個組件，集裝箱的概念

Answer 1

一個表象組件定義的東西怎麼看，不應該被連接到商店感到困惑。這是一個表象/啞組件的例子：

import React from "react" 
import styles from "./styles.css" 

const TodoList = ({ todos, removeTodo }) => (
    <div className={ styles.todoList }> 
    { ... } 
    </div> 
) 

export default TodoList 

容器定義是如何工作的，你不應該把DOM標記或樣式在這種器件。它連接到商店並僅向Presentational/Dumb組件提供數據。這裏是一個容器/智能組件的例子：

import { connect } from "react-redux" 
import { removeTodo } from "actions/todos" 
import TodoList from "components/TodoList" 

const mapStateToProps = (state) => ({ 
    todos: state.todos, 
}) 

const mapDispatchToProps = (dispatch) => ({ 
    removeTodo(todoId) { 
    dispatch(removeTodo(todoId)) 
    }, 
}) 

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

export default TodoListContainer 

因此，要回答你的問題，你不應該使用在表象/阿呆組件mapStateToProps和mapDispatchToProps。

Answer 2

這是終極版 https://medium.freecodecamp.com/why-redux-makes-sense-to-me-and-how-i-conceptualize-it-c8a3a9db15ca#.5na6nr60l