useFocusEffect
useFocusEffect 는 화면이 포커스 되었을 때
useCallback을 사용하여 함수를 재실행 시킨다.
useEffect 는 재 렌더링 되었을때 실행되기 때문에 비슷하지만 다름.
useIsFocused 와 같은 기능을 하기 때문에 리펙토링을 진행해 보았다.
//useIsFocused 사용
const isFocused = useIsFocused();
useEffect(() => {
// 실행할 함수
}, [isFocused]);
//useFocusEffect 사용
useFocusEffect(
useCallback(() => {
// 실행할 함수
}, [])
);
useFocusEffect 를 사용할때도 의존성배열에 적당한 인자를 주어
상황에 따라 적절히 사용가능하다.