리엑트 쿼리를 통해 가져온 정보에서 useState를 이용해 정보를 저장하려는데 undefined가 떠요

Question

const fetchDmData &#61; (dmId) &#61;> { const query &#61; dmData(dmId) if (query) { try { client.fetch(query) .then((data) &#61;> { console.log('data in the first row info', data[0]); setMessages(data[0]) console.log('data in messages', messages); } ) } catch (err) { console.log(err); } } } export const dmData &#61; (dmId) &#61;> { const query &#61;&#96;*[_type &#61;&#61; 'dm']{ chat }&#96; return query} // messages에 있는 값을 console.log 해보면 undefined가 떠요 ㅠㅠ// quey는 graphQl입니다

태평양왕새우 · Accepted Answer

set보다 console이 더 먼저 실행완료돼서 그럴겁니다.버튼 만들어서 set되었는지 확인해보세요

js_ · Answer

윗 분 말대로 setMessages()를 호출 하더라도state의 값 messages는 다음 렌더링 때 변경됩니다. (이 부분은 useState의 동작에 대해 더 공부해 보세요.)또한 messages에 값이 잘 들어가고 있는지는 저런식으로 console로 찍어보시는 것 보다 디버깅 방법을 공부하셔서 하는게 훨씬 편하고 정확합니다.

리엑트 쿼리를 통해 가져온 정보에서 useState를 이용해 정보를 저장하려는데 undefined가 떠요

2개의 답변

Q&A 목록