가끔 컴포넌트 작동시 특정 이벤트 없이 초기에 데이터를 불러모으기 위해서 firebase 명령을 시행할 때 갑작스럽게 많이 시행되는 경우가 있다. 방심하다가는 firebase에 쿼리 요청이 과다하게 반복되어 하루동안 firebase 사용이 중지될 수 있다. 이를 방지하기 위한 useEffect를 통해 비동기처리 한 번만 실행하는 방법이다. const [data, setData] = useState("") useEffect(() => { async function fetchAndSetUser() { setData([]); setLoading(true); const result = await getUserInformations(userID); setData(result); } fetchAndSetUser()..

CODING/React.js 2022. 12. 21. 22:12