React native + redux

reducer에서 isLoading 이라는 bool 값을 관리하는대요

서버 요청 응답 true/ false 로 변하는데

데이터를 불러올때 loading 기능

react native refresh 기능 둘이 같이써버리면

refresh했을떄 로딩이 두개 생깁니다.

refersh만 세팅하면 첫 화면 로딩창이 없구요…

좋은 방법이있을까요?

스크린 컴포넌트 내의 내부 state 에 isLoadingState(네이밍은 자유롭게) 하나 주시고 그걸로만 로딩 스피너를 관리 하시구요,

redux로 받는 isLoadingProp은 getDerivedStateFromProps으로 state의 isLoadingState와 바뀔때마다 싱크시켜 주시면 될 것 같습니다.

functional + hooks로 짜신 경우는 useStateuseEffect를 적절히 활용하셔야 할 듯 합니다.

2 Likes