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 

Aコンテナは、物事がどのように動作するかを定義して、あなたは、コンポーネントのこの種の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

これは、この答えは本当に、私のためのおかげでアイデアを明確にReduxの https://medium.freecodecamp.com/why-redux-makes-sense-to-me-and-how-i-conceptualize-it-c8a3a9db15ca#.5na6nr60l