함수를 두 구성 요소에 속성으로 전달하면 대상 구성 요소에 정의되지 않은 값이 반환됩니다.

Question

아아아아

이것이 상위 구성요소이고 여기에서 row에 prop으로 handlerNewLikes 함수를 전달합니다.

으아아아

이것은 HandleNewLikes 함수를 미디어에 전달하는 행 구성 요소입니다.

으아아아

미디어에서는 함수가 콘솔에 정의되어 있는 경우도 있고 정의되지 않은 경우도 있습니다. 또한 하트 아이콘을 클릭하고 handlerLikes 함수가 트리거되면 그 안에 있는 handlerNewLikes 함수는 항상 정의되지 않은 것으로 나타납니다.

콘솔에 보이는 모습

도와주셔서 감사합니다. 며칠 동안 꼼짝 못했어요 ㅋㅋㅋ

일종의 상태 관리 라이브러리를 사용할 수 있다는 것을 알고 있지만 상당한 양의 리팩토링이 필요하며 이것이 작동해야 한다고 생각하며, 제가 직접 하지 않는 한 문제가 발생할 이유를 모르겠습니다. 근시안적인. < /p>

Answer 1

현재 상황을 확인하는 데 도움이 되도록 코드를 복사하고 로그를 추가했습니다. Home -> Main和Home -> Row 0传递了handleNewLikes부터 시작하세요.

이 기능을 통과하지 않았기 때문에 나머지 줄은 handleNewLikes正确地为undefined입니다. 무슨 뜻인지 알아보려면 다음 로그를 확인하세요.

Media组件时，你在调用handleLikes时尝试使用一个undefined的handleNewLikes 기능에 도달하면.

으아악

다음은 Media组件中点击like按钮의 일부 로그입니다:

가장 쉬운 해결책은 Home中更新Row实现的参数，包括handleNewLikes에 있습니다:

으아악

기능을 Row 1

에 전달한 후 좋아요 버튼을 누른 로그입니다.

^ 일종의 상태 관리를 사용해야 합니다. 이 작업을 수행하기 위해 라이브러리를 사용할 필요는 없습니다. 상태가 그다지 복잡하지 않다면 AuthContext에서 했던 것과 유사한 React 컨텍스트를 사용할 수 있습니다.