在 React 中通过路由传递道具. 将属性从组件树的子级发送到其他组件

Question

我有一个简单的反应应用程序，其中有完整的导师组件树。TutorDashBoard是Tutors组件工作正常的子级。 我想将tutorId从TutorDashBoard组件发送到课程组件。 这是实现此目的的简单代码沙盒，但tutorId未传递给课程。 代码沙盒

Answer 1

去掉TutorDashBoard中的Route，并将对象传递给组件Linkto道具

<Link to={{
pathname: '/Courses',
state: {
tutorId: tutorList[0].tutorId
}
}}> MyCourses </Link>

注意：在课程组件中，我们应该访问tutorId因为const tutorId = props.location.state;这里是工作代码沙箱.working codesandbox。