React를 사용하여 하위 구성 요소에서 상위 구성 요소로 id 매개 변수가 있는 함수를 전달할 수 있나요? 함수를 상위 구성 요소에 소품으로 전달하려고 합니다. 구성 요소 솔루션은 App 구성 요소-> TasksList 구성 요소-> 따라서 특정 작업을 클릭하여 해당 작업의 개별 ID를 사용하여 해당 작업으로 라우팅해야 합니다. 요점은 URL을 클릭하여 작업으로 라우팅하면 /task/009로 변경되지만 작업 구성 요소는 렌더링되지 않는다는 것입니다.
https://codesandbox.io/s/test-login-page-tasks-rmfn5j?file=/src/comComponents/Taskslist.js
으아악
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
여러 가지 질문
애플리케이션 구성 요소에서는 개별 작업 경로에 대한 작업 구성 요소를 렌더링하지 않습니다. 이 문제를 해결하려면 다음과 같이 애플리케이션 구성 요소에서 단일 작업에 대한 경로를 정의하고 해당 경로에 대한 작업 구성 요소를 렌더링할 수 있습니다.
에서-
으아아아
추가 도움이 필요하면 알려주세요.Task组件中，您需要确保从 URL 中过滤所选任务。使用useParams()