학생(자녀) 컴포넌트에서

• 변수 값이 변경되면 useEffect 挂钩将通过 handleStudentsChange(상위 구성 요소에서 제공하는 기능)이 상위 배열을 업데이트합니다.

학생(학부모) 컴포넌트에서

• 학생(아동) 구성품 목록 제시
• 무한 루프를 방지하려면 handleStudentsChange 函数使用 useCallback훅 정의를 수행하세요. 그러나 작동하지 않는 것 같습니다.

질문/질문

• 변경되면 handleStudentsChange무기한 실행됩니다
• 이게 왜요? 어떻게 고치나요?
• 참고: onSubmit 버튼은 필요하지 않습니다

여기에서 코드를 확인하세요: 저는 CodeSandBox입니다 링크

Student.tsx(어린이)

Students.tsx(부모)

위 코드와 같이 무한 루프를 방지하기 위해 학생(자식) 컴포넌트에서는 React.memo를, React.memo ，并在 handleStudentsChange 上使用 useCallback에서는 useCallback을 사용해 보았습니다. 그러나 무한 루프는 계속됩니다.