React & Redux를 사용하여 사용자 상호 작용 (upvotes/likes)을 언제 어떻게 유지할 수 있습니까?

Question

최상의 구현 방법 이해 :

CRUD 앱이 React/Redux/Postgres에 내장되어 있으며 기사에서 사용자 upvotes와 같은 것을 유지하려고합니다. Redux를 사용하면 간단히 켜기/끄기로 전환하는 작업을 시작할 수 있지만, 얼마나 많은 상향 보행인지 추적하려면 포스트 백 데이터베이스에 각 upvote를 유지해야합니다. , 액션이 REDUX의 투표 값을 증가 발사한다

upvote에의 클릭에 :

는 여기에 지금까지 생각하고 있지만, 이런 식으로 뭔가를 처리하는 올바른 방법입니다 있는지 확실하지 않습니다거야. 내 서버에 대한 POST 요청은 storeWithReceiveProps() 내에서 호출 된 작업 작성자를 통해 이루어지며 저장소가 업데이트되고 업데이트 된 소품을 전달합니다.

이 정보가 맞습니까?

감사합니다. 모든 도움을 주시면 감사하겠습니다.

Answer 1

저장소를 db와 동기화 된 상태로 유지하고 구성 요소의 로컬 상태를 사용하여 백엔드가 응답 할 때까지 임시 upvote를 저장하는 것이 좋습니다.

1. 트리거에게 작업을하고 +1 투표
2. 조치는 POST 요청을 전송하고 성공적인 응답에 REDUX 스토어에 업데이트를 전송에 구성 요소의 로컬 상태를 설정 : 그래서 당신은 이런 식으로 어떻게 든 할 수
3. 구성 요소는 새 값 (db의 실제 업데이트를 반영)을 사용하여 props를 수신하고 componentWillReceiveProps 후크에서 상태를 플러시합니다. 구성 요소에 다른 업데이트가 들어올 수있는 경우, 소품이 실제로 변경되었는지 확인하여 상태를 비울 수 있습니다. 실제 응용 프로그램에서 당신은 아마 사용자에게 실패한 요청을 오류 처리를 추가하고 의사 소통을 할 것이기 때문에

이는 어떻게 든 순진 예입니다