하위 구성요소가 id 매개변수가 있는 함수를 상위 구성요소에 전달할 수 있습니까?

Question

React를 사용하여 하위 구성 요소에서 상위 구성 요소로 id 매개 변수가 있는 함수를 전달할 수 있나요? 함수를 상위 구성 요소에 소품으로 전달하려고 합니다. 구성 요소 솔루션은 App 구성 요소-> TasksList 구성 요소-> 따라서 특정 작업을 클릭하여 해당 작업의 개별 ID를 사용하여 해당 작업으로 라우팅해야 합니다. 요점은 URL을 클릭하여 작업으로 라우팅하면 /task/009로 변경되지만 작업 구성 요소는 렌더링되지 않는다는 것입니다.

https://codesandbox.io/s/test-login-page-tasks-rmfn5j?file=/src/comComponents/Taskslist.js

으아악

P粉562845941 · Answer

여러 가지 질문

이 줄에서 첫 번째 호를 볼 수 있었습니다. goToTask를 즉시 호출합니다.
애플리케이션 구성 요소에서는 개별 작업 경로에 대한 작업 구성 요소를 렌더링하지 않습니다. 이 문제를 해결하려면 다음과 같이 애플리케이션 구성 요소에서 단일 작업에 대한 경로를 정의하고 해당 경로에 대한 작업 구성 요소를 렌더링할 수 있습니다.


으아아아

에서 
Task 组件中，您需要确保从 URL 中过滤所选任务。使用 useParams()

으아아아
추가 도움이 필요하면 알려주세요.