[react] 비동기 상태에 따라 모달을 띄우는 방법이 있을까요?

Question

post 나 delete 할 때 '삭제중입니다..' , '삭제를 완료했습니다' 와 같은 모달을 띄우는 작업을 진행중입니다. 모달 상태는 redux에서 관리하고 있고, 비동기의 loading, error 상태를 감지해서 모달을 띄우려고 합니다. 제가 구현한 방식은 다음과 같습니다.useEffect(()&#61;>{ openModal(posts.loading,posts.error); },[posts.loading,posts.error])위와 같이 loading, error 상태의 변화를 감지해서 모달을 열어줬는데, 이렇게 했을때 문제가 발생합니다.예를들어, post를 통해 아이템을 등록할 때 저는 백엔드에 post 요청으로 아이템을 등록하고, 이를 프론트엔드에서 바로 반영할 수 있게 get 요청으로 아이템 목록을 다시 가져옵니다.이렇게되면, 포스트를 등록하는 과정에서 loading-> success 가 되자마자 get요청이 실행되기 때문에 다시 loading... 이 뜨면서 모달창의 상태가 변화하게 됩니다.제가 원하는 방향은 다음과 같습니다. post_item / delete_item 과 같은 액션 타입을 감지해서 모달을 열고 닫는 효율적인 로직을 구현하고 싶습니다.

Hee Sung Son · Answer

redux 사용중이시면 redux-saga를 사용하여 원하는 상태를 지정할 수 있습니다가령 해당 액션에 모달상태만을 관리하는 액션을 만들어서 같이 호출하게해서 관리하시면 됩니다post_item / delete_item 호출 -> saga 에서 모달상태관리 액션 호출 -> 모달상태열림/닫힘 정의 프로세스로 진행 하시면됩니다

Facts · Answer

답변 감사합니다!

[react] 비동기 상태에 따라 모달을 띄우는 방법이 있을까요?

2개의 답변

#modal 목록