리액트 redux 질문입니다.

[씽크엠]

안녕하세요 강사님  !
redux toolkit 사용하여 데이터 관리를 하려고 하는데 
 
data.json 입니다.


store.js 부분 



화면 진입 시 axios.get 해서 받은 json 데이터를 store에 있는 getNewData 함수를 이용하여 값을 저장해놓고 있습니다.


위의 콘솔로그는 const getData = response.data;
                console.log(getData); 이걸 찍은것이고 
아래의 콘솔로그는  const pizza = useSelector((state)=>{ return state.data }) // redux store 가져오는 함수
    console.log(pizza)
이걸 찍은건데  
질문 1 . useSelector 사용해서 가져온 데이터를 보면 0번째 index 안에 저장이 되는데 이건 왜그런건가요..?? 

vscode 상에서 뭘 잠깐 고치고 ctrl+s 하거나 새로고침을 하면 
 

콘솔로그가 많이 찍히면서 axios 통신을 계속 하는것 같은데 , useEffect 사용법이 잘못된건가요??

[codingapple]

{ } 자료가 redux에 있던 [ ] 안에 .push 되어서 [ {} ] 이렇게 되었을 뿐입니다
state변경시 useEffect가 재실행되고 
useEffect 실행시 state변경하면 무한루프에 빠져서 가끔 그렇습니다

[글쓴이]

글