useEffect 안에다가 axios 요청을 해 받아온 데이터를 state에 넣어 주었는데 마지막에 실행되는 것 같습니다.
1]처음 변수 선언
let [data, data_f] = useState(null);
2]이펙트 훅
useEffect(() => {
async function first() {
var promise = new Promise((resolve) => {
axios.get('/getOcr').then((res) => { data_f(res.data) })
resolve(data)
});
var temp = await promise;
console.log(temp);
}
first();
}, [])
3] 메인 컴포넌트 return 값에서 쓴 map
data.map
이 때 data가 axios에서 받아온 데이터 값이 들어오지 않은 상태에서 랜더링 돼서 data가 null값으로 뜨네요 ㅜㅜ 비동기 때문에 async 와 await까지 활용했는데 여전히 안됩니다. 비동기 부분이 문제인 걸까요? ㅠㅠ
