antd-pro 에서 loading 상태의 dva-loading 사용

antd-pro 에서 loading 상태의 dva-loading 사용
새 프로젝트 에 서 는 antd-pro 프레임 워 크 를 사용 하기 때문에 다음 에 antd-pro 에 관 한 구덩이 를 쓸 것 입 니 다.
전통 적 으로 loading 상 태 를 쓰 는 방법 은 비동기 요청 이 시 작 될 때 loading 을 열 고 비동기 요청 이 끝 날 때 loading 을 닫 는 것 입 니 다.
이러한 표기 법 은 비교적 번 거 로 운 것 입 니 다.이 부분의 조작 은 모두 일치 하기 때문에 ant Design pro 에서 dva-loading 플러그 인 을 직접 사 용 했 습 니 다.잘 봉 인 했 고 사용 하기에 도 편리 합 니 다.주로 비동기 의 effect 를 직접 감청 하여 각각 시작 과 끝 날 때 loading 상 태 를 바 꾸 었 기 때문에 dva 와 결합 하여 사 용 했 습 니 다.다음 에 사용 하 는 방법 은 다음 과 같 습 니 다.
플러그 인 도입

import createLoading from 'dva-loading';

const app = dva();

app.use(createLoading());

쓰다
프로젝트 에 등록 하면 routes 구성 요소 에 loading 대상 이 있 습 니 다.

@connect(({ app, loading }) => ({ app, loading }))(App);

단일 효과 감청

let isLoading = loading.effects['role/addRole'] //  role  addRole     

어떤 모듈 의 모든 비동기 요청 을 감청 합 니 다.

let isLoading = loading.models.role,

전역 에서 모든 비동기 요청 을 감청 합 니 다.

let isAllLoading = loading.global()

비동기 요청 은 loading 변수 가 true 이 고 완료 되면 false 가 되 어 애니메이션 로드 를 제어 합 니 다.