Redux

module/index.js

import {combineReducers} from 'redux'

const initData={
    name:'hkj'
}

export const setData=(data)=>{
    return {
        type:'SET_DATA',
        data
    }
}

const dataReducer=(state=initData,action)=>{
    switch(action.type){
        case 'SET_DATA':
            return {...state,action.data}
        default :
            return state
    }
}

const allReducer=combineReduers({
    dataReducer
})

allReduer.reducer='allReduer'
export default allReduer

HelloWorld.jsx

import {connect} from 'redux-react'
import {bindActionCreators} from 'redux'
import React,{Component} from 'react'
import {setData} from '../modules'

class HelloWrold extends Component {
    componentDidMount(){
        let data=this.state;
        this.props.setData(data)
    }
    render(){
        return (<div>{this.props.data.name}</div>)
    }
}

const mapDispatchToProps=(dispatch)=>{
    return {
        ...bindActionCreators({setData},dispatch)
    }
}
const mapStateToProps=(state)=>{
    return {
        data:state.allReducer.dataReducer.data
    }
}
export default connect(mapStateToProps,mapDispatchToProps)(HelloWorld)