비동기처리 이벤트 없이 처음 실행되는 방법 - React.js

가끔 컴포넌트 작동시

특정 이벤트 없이 초기에 데이터를 불러모으기 위해서 firebase 명령을 시행할 때

갑작스럽게 많이 시행되는 경우가 있다.

방심하다가는 firebase에 쿼리 요청이 과다하게 반복되어

하루동안 firebase 사용이 중지될 수 있다.

 

이를 방지하기 위한 useEffect를 통해 비동기처리 한 번만 실행하는 방법이다.

const [data, setData] = useState("")

useEffect(()  =>  {
async  function  fetchAndSetUser()  {
setData([]);
setLoading(true);
const  result  =  await  getUserInformations(userID);
setData(result);
}
fetchAndSetUser();
}, [userID]);