react+redux使用static mapStoreToProps

以下是redux官网上使用的connect用法：

class Container extends React.Component{...
}
const mapStateToProps = (state, ownProps) => {...
}const mapDispatchToProps = (dispatch, ownProps) => {...
}export default connect(mapStateToProps,mapDispatchToProps
)(Container)

我就不太喜欢这种表达方法，我的目标是将map方法放进Container中作为静态方法，直接使用Container就是connect后的组件。经过我的多番尝试，最终使用Decorator实现：

function connection(target){return connect(target.mapStoreToProps , target.mapDispatchToProps)(target);
}@connection
class Container extends React.Component{...static mapStateToProps(state , ownProps){...}static mapDispatchToProps (state , ownProps){...}
}export default Container ;

经过Decorator修饰的Container就可以使用redux中的数据了。

转载于:https://www.cnblogs.com/bykp/p/6607941.html

react+redux使用static mapStoreToProps相关推荐

基于 react, redux 最佳实践构建的 2048
前段时间 React license 的问题闹的沸沸扬扬,搞得 React 社区人心惶惶,好在最终 React 团队听取了社区意见把 license 换成了 MIT.不管 React license ...
我的第一个 react redux demo
最近学习react redux,先前看过了几本书和一些博客之类的,感觉还不错,比如<深入浅出react和redux>,<React全栈++Redux+Flux+webpack+Bab ...
react开发插件-ES7 React/Redux/GraphQL/React-Native snippets
内容目录 ES7 React/Redux/GraphQL/React-Native snippets 插件 Basic Methods React React Native Redux PropTyp ...
React Redux 与胖虎他妈
本文将涉及以下三块内容: 多 Reducer 中间件封装组件方便获取 Store 前言在上一篇文章<React Redux与胖虎> 中我们详尽地介绍了 React Redux,也写了一 ...
React+Redux开发实录（一）搭建工程脚手架
React+Redux开发实录(一)搭建工程脚手架 React+Redux开发实录(二)React技术栈一览搭建工程脚手架准备工作安装node 安装git 安装一款前端IDE 推荐VSCode, ...
React Redux 的一些基本知识点
一.React.createClass 跟 React.Component 的区别在于后者使用了ES6的语法,用constructor构造器来构造默认的属性和状态. 1. React.createCl ...
【视频】React redux toolkit创建状态切片
React redux toolkit创建状态切片
react实战项目_React实战之React+Redux实现一个天气预报小项目
引言经过一段时间的React学习,React和Vue的开发确实有很大的不同,但是都是MVVM框架,因此上手没有很大的难度,这次用React+Redux开发一个天气预报小项目.源码地址:https:/ ...
React+Redux仿Web追书神器
引言由于 10 月份做的 React Native 项目没有使用到 Redux 等库,写了一段时间想深入学习 React,有个想法想做个 demo 练手下,那时候其实还没想好要做哪一个类型的,也看了 ...

react+redux使用static mapStoreToProps

react+redux使用static mapStoreToProps相关推荐

最新文章

热门文章