서버에서 받은 데이터 변수에 저장

[조승현]

서버에서 받은 데이터를 data라는 변수에 넣어서 원하는 object만 뽑아서 사용하려고 하는데 서버에서 콘솔을 찍어보니
받은 데이터가 변수에 저장이 되지 않는데 서버에서 받은 데이터를 변수에 저장하려면 어떻게 해야 하나요?

<div>콘솔을 찍었을때 위의 배열로 데이터가 들어오는데 변수의 내용을 콘솔로 찍었을때 비어있습니다ㅠㅠ</div>

function GetData() {

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

    useEffect(() => {

      axios        .get('http://url/0/0/list')
        .then((response)=> {
          console.log(response.data);
          console.log('성공');
          let copy = [...data, ...response.data];
          setData(copy);
          console.log(data);
      })
    }, []);
}
------------------------------------------------------------------------------------

------------------------
let copy = [...data, ...response.data];
          setData(copy);

=> 이부분을 setData(response.data); 이렇게도 넣어보기도 했었습니다.

[codingapple]

state변경함수는 원래 다른코드보다 늦게 실행됩니다 콘솔창엔 안나와도 잘 반영되어있을걸요

[글쓴이]

글