react - query 하고 있는데, 궁금한 점이 있습니다.

[Big battery]

1. 코드 이렇게 짰는데 cannot read 오류 발생합니다. 데이터는 잘 받아오는데... 이유를 모르겠습니다.
(Cannot read properties of undefined (reading 'name'))

  let result = useQuery(['작명'],() => {
    axios.get('https://codingapple1.github.io/userdata.json')
    .then((data) => {return data.data;})
    .catch((error) => console.log(error))
  },{staleTime : 2000});

//... 생략 

 <Nav.Link >{result.isLoading ? '로딩중' : result.data.name}</Nav.Link>

여기서 name값을 못 읽는다고 하네요. 왜그런지 모르겠습니다.

2. useQuery에 ['작명'] 부분은 어디에 쓰는 놈인지 궁금합니다.  

• 이 게시글은 Big battery에 의해 8 월, 2 주 전에 수정됐습니다. 이유: console.log 사진 추가

[Big battery]

1번은 해결했습니다. 
useQuery(['작명'], ( ) => { 블라블라 }) 라고 적었던 걸 
useQuery(['작명'], ( ) =>  블라블라 ) 라고 적었더니 해결했습니다. 중괄호가 문제였던 것 같은데, 대괄호를 달면 안되는 것이 
문법 때문인지, 아니면 뭔가 이유가 있는건지는 모르겠네요.

• 이 답변은 Big battery에 의해 8 월, 2 주 전에 수정됐습니다.

[codingapple]

화살표함수에선 return이랑 {}를 동시에 생략가능합니다
['작명']은 변수명 작명하듯하면 됩니다 나중에 이름이 같은게 있으면 알아서 기존결과 재활용해줍니다

[Big battery]

감사합니다. 어제 await 주의사항까지 다 봤으니 프로젝트 진행하면서 갈려나갈 수 있을 것 같습니다.

[글쓴이]

글