axios 요청 후 console.log 출력안됨

[김범우]

<button
        className="btn btn-primary"
        onClick={() => {
          axios
            .get("https://codingapple1.github.io/shop/data2.json")
            .then((res) => {
              setAxiosData([...axiosData,...res.data]);
              console.log([...axiosData,...res.data]);
              console.log(axiosData);
             
            })
            .catch((err) => {
              console.log(err);
            });
        }}
      >더보기</button>

 

setAxiosData([...axiosData,...res.data]);  set변경으로 변경이 잘되는데,

바로 콘솔찍어서 console.log(axiosData);  확인하면 왜 변경된값이 안나오나요?

 

[codingapple]

set어쩌구() 함수는 늦게처리되는 함수입니다

자바스크립트는 늦게처리되는 함수들은 제껴두고 바로 다음줄을 실행하려고 합니다 

[김범우]

아 . . . .이런 이유가 궁금했습니다 너무 감사합니다 !!

[글쓴이]

글