useEffect 재실행: 함수 제출 후 지침

Question

안녕하세요 여러분! 내 프로젝트에서 데이터를 가져오는 useEffect의 함수를 실행하지만 Firestore에 새 요소를 추가할 때 목록에 새 요소가 포함되도록 useEffect를 다시 실행하고 싶습니다. 누군가 제안해 주실 수 있나요?

으아아아

submitHandler를 실행할 때 useEffect가 다시 실행되어 목록이 최신 상태가 되기를 원합니다

Answer 1

내 경험에 따르면 원하는 작업을 수행하는 가장 좋은 방법은 데이터를 수정하는 요청에 대해 백엔드에서 diff를 반환한 다음 그에 따라 상태를 수정하는 것입니다.

으아악

이렇게 하면 동일한 세션에서 동일한 데이터에 대해 많은 요청을 할 필요가 없습니다.

물론, 여러 클라이언트/사용자가 백엔드 데이터를 수정할 수 있거나 엔드포인트의 응답 내용을 제어할 수 없는 경우 이 접근 방식은 이상적이지 않습니다.

도움이 되길 바랍니다.

Answer 2

useEffect후크가 다시 작동하도록 하는 유일한 방법은 종속성 배열의 내용을 변경하거나 배열을 전혀 제공하지 않고 소품이나 상태를 변경하여 구성 요소를 다시 렌더링하는 것입니다. useEffect 문서

를 참조하세요.

전화할 수 있습니다 addDoc之后直接调用fetchTodos:

으아악