Redux 中的“mapStateToProps”和“mapDispatchToProps”有什么用？答案

【问题标题】：what is the use of 'mapStateToProps' and 'mapDispatchToProps' in Redux?Redux 中的“mapStateToProps”和“mapDispatchToProps”有什么用？
【发布时间】：2018-06-15 21:50:14
【问题描述】：

mapDispatchToProps、mapStateToProps的实际使用我看不懂，请举例说明。

【问题讨论】：

Understanding React-Redux and mapStateToProps的可能重复

标签： react-redux

【解决方案1】：

mapDispatchToProps 和 mapStateToProps 是两个 API。

mapStateToProps 提供了 store 的当前 state 对象，使用它我们可以过滤和使用 state 中需要的部分。我们还可以提供 ownProps 参数，其中包含组件的父提供的参数。例如：

   const mapStateToProps = (state, ownProps) => {
     return state;
   }

mapDispatchToProps 让函数在我们的组件中可用。因此，通过 actionCreators 我们可以提供可以直接使用的函数，而无需在我们的组件中调度它们，例如：

const mapDispatchToProps = dispatch => {
return {
    login1: bindActionCreators(login, dispatch)
}
}

这里提供给绑定函数的登录名是作为 * 从动作文件中导入的。例如从“文件名”导入登录为 *

Now Connect 是 react-redux 提供的另一个 API，它提供了真正的粘合剂并使事情正常工作，例如：

  export default connect(mapStateToProps,null,mapDispatchToProps)(Login)

这里的 Login 是我们需要映射到的组件（类）。

希望这可能会清楚，差异随时询问是否还有更多的dobuts

【讨论】：