UseEffect에서 데이터 axios

[이동주]

위와 같은 코드에서 제가 생각한 로직은
1. useEffect를 통해 페이지가 랜더링 될 때 data를 서버로부터 받아옵니다.
2. 그 data를 useState의 data 상태에 저장합니다.
3. 그런다음 페이지 내에서 data를 랜더링 해줍니다.

하지만 결과는 data가 있지 않다는 오류가 콘솔에 찍힙니다.
제가 생각한 이유는 setData 함수가 비동기 처리되기 때문에 data가 setting되기 전
랜더링이 실행되면서 {data}라는 코드를 인식하지 못해서 발생하는 문제같은데
이와 같이 페이지가 실행되면서 서버에게 데이터를 받아와서 정상적으로 데이터 바인딩을 통해 렌더링 하려면 어떻게 해야하나요?

[codingapple]

data변수에 뭐가 있으면 html 보여달라고 if문 삼항연산자 이런거 쓰면 되겠군요

[구운오니]

혹시 이 오류 수정해보셨나요??😥😥

[글쓴이]

글