react umi 框架之数据传递connect

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方法。

原文地址:https://www.cnblogs.com/dzqdzq/p/15270451.html