0
컴포넌트 FrindListWidget가 두 가지 조건에서 호출되는 MERN 프로젝트를 만들었습니다.
- 사용자 자신의 친구 목록인 경우 위젯이 렌더링되고 Redux
user.friends의 상태가 업데이트됩니다. - 다른 사용자라면 위젯만 렌더링됩니다. Redux 상태는 업데이트되지 않습니다.
매번 Friend 还包含一个 Friend.
Chrome 개발자 도구에서 Network 탭을 확인하기 전까지는 모든 것이 잘 작동하고 있었던 것 같습니다. friends 被无限次调用。为了说清楚，我写了console.log("friends",friends);를 감지했습니다. 네, 여러 번 녹음되었습니다.
다음 코드를 공유합니다:
FriendListWidget.jsx
으아악Friend.jsx
으아악userRequest는 단지 axios 메소드입니다:
으아악useEffect 후크에서 종속성을 제거해 보았습니다.
으아악단, 한 번만 렌더링됩니다. 실행 중에는
1 답변
0
useEffect에 삽입한 사용자 목록을 업데이트하는 getFriends() 함수를 호출한다고 가정합니다. 따라서 useEffect가 자체적으로 무한히 업데이트되도록 하고 useEffect가 다른 값에 종속되도록 해보세요.
으아아아이 경우 저는 개인적으로 반응 쿼리를 사용하고 활성화된 속성을 사용하여 API를 다시 호출할 시기를 결정합니다. 그러나 논리에 심각한 문제가 있으며 이해할 수 없습니다. CodeSandBox와 같은 플랫폼을 사용하여 최소한의 재사용 가능한 쿼리를 통해 더 나은 도움을 드릴 수 있습니다.
Hot Questions
Hot Tools
vc9-vc14(32+64비트) 런타임 라이브러리 모음(아래 링크)
phpStudy 설치에 필요한 런타임 라이브러리 모음을 다운로드하세요.
VC9 32비트
VC9 32비트 phpstudy 통합 설치 환경 런타임 라이브러리
PHP 프로그래머 도구 상자 정식 버전
Programmer Toolbox v1.0 PHP 통합 환경
VC11 32비트
VC11 32비트 phpstudy 통합 설치 환경 런타임 라이브러리
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
뜨거운 주제
20335
7
13530
4
11850
4
8835
17
8420
7