useState 비동기 처리 질문 있습니다.

Question

showProductImages 와 showStyleImages 라는 두개의 state에 recoil을 사용한 product 라는 전역 객체에 있는 각각의 photo 를 반복문을 통해 ProductImgList & styleImgList 에 저장 한 후 setState를 이용해 처리할려고 합니다.그런데 제가 의도한 바와는 다르게 setState가 동기적으로 처리되어 각 state에 아무런 값도 담지 못하는데 어떻게 비동기로 처리 해야 할지 잘 모르겠습니다... ㅠㅠ

Boggy · Accepted Answer

리코일 selector 을 사용하지 않고자 한다면 이런식으로 처리하면 될 것 같습니다.const productImgList &#61; product.photos.map(p &#61;> p.photo); setShowProductImages(proeuctImgList); const styleImgList &#61; product.style_photos.map(p &#61;> p.photo); setShowStyleImages(styleImgList);하지만 개인적으로 리코일 셀렉터를 사용하면 아래처럼 정의해두고 여러 곳에서 좀 더 재사용성 높게 사용할 수 있다고 생각합니다.export productImageState &#61; selector({ key : 'productImageState', get: ({get}) &#61;> { const product &#61; get(productState); return product.photos.map(p &#61;> p.photo); } }); export styleImageState &#61; selector({ key: 'styleImageState', get: ({get}) &#61;> { const product &#61; get(productState); return product.style_photos.map(p &#61;> p.photo); } });

검둥오리 · Answer

product가 어떻게 생겼는지를 모르겠어서...for문 쓸거라면 그냥 for문 안에서setState([...state, new])하면 안될까요?

코린이듈리 · Answer

서버와 통신하는 부분은 어디있나요?

미음 · Answer

비동기없는 비동기질문... ?

charlatan · Answer

리코일을 써본적이 없어서 모르겠지만 전역상태에 있는 것을 다시 useState를 사용해서 옮길 이유가 없을 것 같은데요? 바로 쓰면 되지 않나 싶네요?

useState 비동기 처리 질문 있습니다.

5개의 답변

Q&A 목록