开发者社区> 问答> 正文

#React mapStateToProps()和之间有什么区别mapDispatchToProps

#React mapStateToProps()和之间有什么区别mapDispatchToProps

展开
收起
因为相信,所以看见。 2020-05-07 22:28:15 460 0
1 条回答
写回答
取消 提交回答
  • 阿里,我所有的向往

    mapStateToProps() 是一个实用程序,可帮助您的组件获取更新状态(由其他一些组件更新):

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

    mapDispatchToProps() 是一个实用程序,可以帮助您的组件触发操作事件(调度操作可能会导致应用程序状态更改):

    const mapDispatchToProps = (dispatch) => {
      return {
        onTodoClick: (id) => {
          dispatch(toggleTodo(id))
        }
      }
    }
    
    

    建议始终使用“对象简写”形式 mapDispatchToProps

    Redux将其包装在另一个看起来像(…args)=> dispatch(onTodoClick(…args))的函数中,并将该包装函数作为对组件的支持。

    const mapDispatchToProps = ({
      onTodoClick
    })
    
    2020-05-07 22:29:42
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载