react-query 데이터 요청 시 오류 관련

Question

다음과 같이 react-query useQueries로 API 2개를 동시 호출하였습니다.export default function functionA(){ const result &#61; useQueries({ queries : [ { queryKey : ['getNowStatus'], //column_a, column_b, column_c 데이터 queryFn : () &#61;> axios.get(&#96;${API}/status&#96;), refetchOnMount : true }, { queryKey : ['getList'], queryFn : () &#61;> axios.get(&#96;${API}/list&#96;), // 리스트 데이터 refetchOnMount : true } ] }); console.log(result) // const {column_a, column_b, column_c} &#61; result[0].data?.data; // const dataList &#61; result[1].data?.data ...}콘솔로 result를 확인해보면 다음과 같이 API 2개 모두 성공적으로 데이터를 조회했습니다.그런데 데이터를 뿌려주기 위해서const {column_a, column_b, column_c} &#61; result[0].data?.data; 이런식으로 destructing 해서 가져올려고 하는데, 갑자기undefined 에러가 납니다.오류가 왜 발생하는지 모르겠습니다.

codezzzz · Answer

페이지 로드일때 result 값이 undefined라 그럴꺼같네요.const {column_a, column_b, column_c} = result[0].data?.data ?? { column_a :0, column_b: 0, column_c: 0 };

그린티라떼 · Answer

이렇게 다시한번 스프레드해서 하니까 되긴합니다.const data = {...response[0]?.data?.data} return( A {data.column_a} B {data.column_b} C {data.column_c} ...

react-query 데이터 요청 시 오류 관련

2개의 답변

Q&A 목록