[react-native] 페이지 리프레쉬(리렌더링) 예제 + 함수형 컴포넌트 useEffect + useIsFocused + 페이지 리로드 데이터 reload + 데이터 렌더링
리액트 네이티브에서, 개발하고 있는 스크린의 데이터를 리로드 해야 할 때가 있다. 게시판을 예로 들어, 상세 페이지에서 글에 대한 댓글을 달고 난 뒤, 게시판의 리스트 페이지로 돌아오면, 댓글의 수가 증가되어 있어야하는데, navigation goback 함수나, pop 함수를 이용하여 뒤로가기를 하면, 해당 댓글의 수가 증가되어 있지 않다. 이런 경우에, 페이지를 리프레쉬 시켜줘야하는데, 이 떄 사용할 수 있는 것이 바로 useEffect이다. 1 2 3 4 5 6 7 const [test,setTest] = useState(0); useEffect(() => { return () => { selectList(); // 게시판 데이터 조회 메소드 } }, [test]); cs 다음과 같이 useStat..