ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

react umi 框架之数据传递connect

2021-09-15 02:04:19  阅读:22  来源: 互联网

标签:loading prop react state connect ns umi payload


reducers: {
    save(state, action) {
      console.log('getAlarmStatus6', action.payload);
      return {
        ...action.payload,
      };
    },
    /**
     * 重置 state
     */
    resetState() {
      return {};
    },
  },

save方法返回的数据是state。 payload字段是数据接口返回的数据或者其处理后的数据。   这个数据在connect中接收。 

@connect(state => {
  let x = {
    list:[],
    ...state[ns],
    loading: state.loading.effects[`${ns}/alarmData`],
    loading2: state.loading.effects[`${ns}/alarmStatus`],
    }
  console.log('getAlarmStatus3', x);
  
  return  x;
})

connect方法返回的值是当前组件的属性,用this.prop接收。   

之前以为是this.state 或者this.prop都可以, 其实错误的。 注意一定是this.prop接收。

connect执行时,一定会执行render方法。

 

标签:loading,prop,react,state,connect,ns,umi,payload
来源: https://www.cnblogs.com/dzqdzq/p/15270451.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有