[React-Native] screen이 focus될 시 로직실행을 위한 useFocusEffect 사용법

승환·2024년 1월 30일
0

React-Native

목록 보기
9/10
post-custom-banner

참조 :

https://reactnavigation.org/docs/use-focus-effect/

목적 :

  • 해당 화면이 디바이스에서 보여질때만 실행되는 로직이 필요

useFocusEffect 사용 :

  • React Navigation에서 제공해주는 Hooks인 useFocusEffect 사용

사용 예)

	const [user, SetUser] = useState<String[]>([])
    useFocusEffect(
        React.useCallback(() => {
          let isActive = true;
    
          const fetchFn = async () => {
            // anything works
            SetUser([]);
          };
    			
          fetchFn();
    	
          return () => {
            isActive = false;
          };
        }, [user]), // add dependency
      );
profile
반갑습니다~
post-custom-banner

0개의 댓글