[React-native]useFocusEffect

최영진·2023년 1월 16일
0

React Native

목록 보기
14/14
post-custom-banner

useFocusEffect

useFocusEffect 는 화면이 포커스 되었을 때
useCallback을 사용하여 함수를 재실행 시킨다.

useEffect 는 재 렌더링 되었을때 실행되기 때문에 비슷하지만 다름.

useIsFocused

useIsFocused 와 같은 기능을 하기 때문에 리펙토링을 진행해 보았다.


//useIsFocused 사용
const isFocused = useIsFocused();

useEffect(() => {
    // 실행할 함수
  }, [isFocused]);


//useFocusEffect 사용
useFocusEffect(
  useCallback(() => {
    // 실행할 함수
  }, [])
);

useFocusEffect 를 사용할때도 의존성배열에 적당한 인자를 주어
상황에 따라 적절히 사용가능하다.

공식문서

profile
안녕하시오.
post-custom-banner

0개의 댓글