React state에 배열 대입 질문

Question

const [ matchList, setMatchList ] &#61; useState([]); useEffect(() &#61;> { axios.get(&#96;http://localhost:9000/users/${nickname}&#96;) .then(({ data }) &#61;> { setSummonerInfo(data); return data; }).then(data &#61;> { setAccountId(data.accountId); const url &#61; &#96;http://localhost:9000/matchelists/${data.accountId}&#96;; console.log(&#34;matches url : &#34; &#43; url); axios.get(url, { params : { beginIndex:0, endIndex:10 } }) .then(({ data }) &#61;> { console.log(data); setIndex(10); setLoading(true); setMatchList(data.matches); const url &#61; 'http://ddragon.leagueoflegends.com/cdn/10.23.1/data/en_US/champion.json'; axios.get(url).then(({data}) &#61;> { for(let idx in data.data) { const value &#61; String(data.data[idx].key); setChampions((state) &#61;> { return { ...state, [value] : idx }; }); } }); }); }); { matches : [ { platformId: 'KR', gameId: 4796760940, champion: 7, queue: 440, season: 13, timestamp: 1605956380385, role: 'DUO_SUPPORT', lane: 'NONE' }, {...} ], startIndex: 0, endIndex: 10, totalGames: 163 } 안녕하세요, 선배님들. 리액트 공부하면서 Riot API 사용해서 전적 사이트를 만들어보려고 하는 학생입니다.다름이 아니고 위와 같은 코드에서 위 사진과 같은 에러가 납니다.Objects를 리액트 스테이트에 넣으려고 하다가 생기는 에러같은데.. 데이터 처리를 어떻게 해야할 지 모르겠습니다. 위에 세 번째 코드는 http://localhost:9000/matchlists/{accountId} 에 대한 결과 데이터입니다.제가 보기에는 matches가 배열에 담겨져 있다고 보여서 setMatchList()를 아래처럼 시도해봤습니다. 1) setMatchList(data.matches);2) setMatchList([data.matches]);3) setMatchList([...data.matches]); 어떤 경우를 해봐도 에러가 나더라구요.어떻게 해야 적합한 데이터가 될 지 조언 부탁드립니다!!

세브라이드 · Accepted Answer

그거랑 상관없고요 컴포넌트가 아닌 객체를 render하려고 들어서 생기는 에러입니다.

React state에 배열 대입 질문

1개의 답변

#riot 목록