react-redux 在项目中具体使用

数据流向与vuex相似

1：触发action（发送一个对象）

const mapDispatchtoProps = (dispatch, ownProps)=>{
    return {
        Click: ()=>{
            dispatch({
                type : 'MACK',
                text  : 8
              });
        }
    
    }
}

2：获取数据

const mapStatetoProps = (state, ownProps)=>{
    return {
        n : state
    }
   
}

this.props.n使用数据

3：connect 连接组件与store

const mapStatetoProps = (state, ownProps)=>{
    return {
        n : state
    }
   
}
const mapDispatchtoProps = (dispatch, ownProps)=>{
    return {
        Click: ()=>{
            dispatch({
                type : 'MACK',
                text  : 8
              });
        }
    
    }
}
export default connect(mapStatetoProps, mapDispatchtoProps)(Child)

4 ：reducer

export default (state = '0' ,action) => {
    switch(action.type){
        case 'MACK' : return action.text
        break;
        default : return state
    }
}