对react-redux中的的理解

function cre(param){
            return Array.from(arguments)
        }
        function component(param){
            param = [1,2,3,4].concat(param)
            console.log(param)
            return param
        }

        function connect(param){
            let {state:number} = param
            return f=>{
                f(cre(66,number))
            }
        }

        console.log(connect({state:99})(component))
 
因为react-redux里面需要connect连接器进行连接,所以我写了connect高级函数,connect本身会返回一个函数小王,这个函数小王的参数是一个函数,connect的参数会合并到小王函数的内部,具体怎么合并看你自己
 
不知道读者有没有和我一样经常忘记action里面的两个参数 ({type:'类型',data:'参数'}),接下来就是reducer纯函数里的参数,(state,action),state是上一次数据,或者初始化数据两种角色,action里面有type,还有用到的action参数里面用到的,比如我写的data,所以可以理解为action这个参数其实是action里面这两个东西。
接下来说下react-redux中的connect的四个参数,第一个参数mapStateToProps,他是将store里面的数据转换为组件中可以通过this.props获取的属性
第二个参数mapDispatchToProps,他是将action转换为组件中可以通过this.props去使用
mergePropsoptions(后两个)
bindActionCreators源码解析
这个东西是什么呢?,是在你没有写action的时候,用的,先来看下我们单独分离出action.js的写法
export const initContentsAsync = (data)=>{
    return dispatch=>{
        dispatch(initContents(data))
    }
}
比如咱们的初始化数据,那么可以想到这个bindActionCreators里面做的事,

function mapDispatchToProps(dispatch) { return bindActionCreators({ actions.onIncrement }, dispatch); }

她的用法就是这样,那么可想而知。源码里面他是进行了什么样的转换   
 
function bindActionCreator(actionCreator, dispatch) {
  // 这个函数的主要作用就是返回一个函数,当我们调用返回的这个函数的时候,就会自动的dispatch对应的action
  // 这一块其实可以更改成如下这种形式更好
  // return function(...args) {return dispatch(actionCreator.apply(this, args))}
  return function() { return dispatch(actionCreator.apply(this, arguments)) }
}
 
原文地址:https://www.cnblogs.com/MDGE/p/13468742.html