首页 > 其他 > 详细

React里面的redux的简单使用

时间:2020-05-13 10:04:25      阅读:57      评论:0      收藏:0      [点我收藏+]

第一步 

  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存进去
  
 
 
 

React里面的redux的简单使用

原文:https://www.cnblogs.com/LC123456/p/12880082.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!