ReactNative - 뒤로가기시 useEffect

스택 네비게이션을 사용해서 화면을 구성할 때 이런 상황이 있다.

자식 컴포넌트에서 뒤로가기를 통해 부모 컴포넌트로 돌아올 때 api에서 다시 정보를 받아온다던가의 형식으로 구현하게 될 수 있다. 이 경우에는 useIsFocused() 함수를 사용하면 화면이 포커싱될 때 실행하는 useEffect 함수를 실행시킬 수 있다.

 

import {useIsFocused} from "react-navigation/native";

const Component=({navagation})=>{
	const isFocused=useIsFocused();
    
    useEffect(()=>{
    	.
        .
        .
    },[isFocused]);
}

 이런 형식으로 사용하면 뒤로가기시에 혹은 새로 포커싱을 받을 때 useEffect 함수를 실행할 수 있다.