react umi 框架之数据传递connect

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

标签：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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

react umi 框架之数据传递connect