loading 的使用

loading

---

1. 传统的使用方式

最开始写loading的时候是，在组件中设置

state = {
  loading: false;
};

然后在数据请求的时候做loading开关设置

const test = () => {
  this.setState({
    loading: true;
  });
  // 相关操作，数据请求或者等等
  this.setState({
    loading: false;
  });
}

需要自己写<loading />组件的时候，就可以这么用

{loading && <loading />}

2. 别人写好的方法

配合connect()使用

@connect(({ loading }) => ({
  fetching: loading.effects['[model文件名]/[方法]'],
}))

这种写法，就省去了上者写法中设置开关的过程