iOS 에서 탭 전환 등 화면 변경이 일어났을 때 데이터를 갱신하기 위해 API 를 호출한다.
RN 에서도 당연히 동일한 Flow 를 가져가야 하며 아래 모듈의 도움이 필요하다.
npm install @react-navigation/native
Shell
복사
위 명령어는 Podfile 의 수정한다 → ios 디렉토리에서
pod install
Shell
복사
const AlarmManagementScreen = () => {
const [registeredProductList, setRegisteredProductList] = useState<Array<Product>>([]);
const navigation = useNavigation(); 👈👈👈👈👈👈👈
const unsubscribe = navigation.addListener('focus', () => { 👈👈👈
getSubscriptions() 👈👈👈👈👈👈 데이터 호출
.then(function (res) {
setRegisteredProductList(res.data.data);
})
.catch(() => { })
});
useEffect(() => { 👈👈👈👈👈👈
return () => unsubscribe();
});
}
TypeScript
복사