React里面的redux的简单使用

第一步 

　　actions文件:

　　　　　　

// export function getName (options) {

//   return {

//       type: "DATA",

//       payload: options

//   }

// }

 

第二步 

　　　reducer文件:

　　　　　

　　　　　　 

// const defaultState = {

//   name: ''

// }

// export default function (state = defaultState, action) {

//   switch (action.type) {

//     case 'DATA':

//       return {

//         ...state,

//         name: action.payload

//       }  

//     default:

//       return state

//   }

// }

 

第三步: 

       页面中引入

　　　　　　connect   from react-redux

 

　　　　

export default @connect(state => ({}),{

  getName

})

　　

第四部  

 　　请求参数的时候我们可以通过this.props.getName() 把name存进去