(intermidiate value) is not iterable 에러

Question

배열을 스프레드 연산자를 사용하려고 하는데 (intermidiate value) is not iterable 이라는 에러가 발생했습니다. type listType = { a : string, b : number, c : string, d : number } const productTestList = [...response[1]?.data?.data] as listType[];아래와 같은 배열은 스프레드 할 수 없나요?data(response[1]?.data?.data) 배열 :전체 코드 const fetchStatus = async () => await axios.get(`${API}/status`); const fetchList = async () => await axios.get(`${API}/list`); const response = useQueries({ queries : [ { queryKey : ['productTestStatus'], queryFn : fetchStatus, }, { queryKey : ['productTestList'], queryFn : fetchList, } ] }); type listType = { a : string, b : number, c : string, d : number } const productTestList = [...response[1]?.data?.data] as listType[]; // 다음과 같이 실행할 경우 undefined 에러 발생 //첫번째 API fetchStatus 데이터 //const {column_a, column_b, column_c } = response[0]?.data?.data //두번째 API fetchList 데이터 //const productTestList = response[1]?.data?.data return( return( 승인중 {column_a} 진행중 {column_b} 완료 {column_c} 완료 확정 0 승인 거부 0 ... {productTestList ?.length > 0 && (productTestList ?.map((list : any)=> ( {productTestList .a} {productTestList .b} {productTestList .c} {productTestList .d} ) )) } )

codezzzz · Answer

스프레드는 문제 없는거같은데.. https://velog.io/@yoonee1126/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-TypeError-intermediate-value 비슷한 문제 아닐까요 ?

그린티라떼 · Answer

콘솔로 확인해 봤는데 값에는 이상이 없습니다. console.log(response[1]?.data?.data); console.log(Array.isArray(response[1]?.data?.data)); console.log(typeof(response[1]?.data?.data));

하얀뼈 · Answer

정확한 전체 코드를 몰라서 답변이 어려운데 response가 promise거나 비동기일 경우 발생할 수 있어서 await 변수명에 우선 담은 다음 그다음에 스프레드 연산자를 쓰면 될 듯 합니다.

(intermidiate value) is not iterable 에러

3개의 답변

기술 목록