Reactjs 在反应中通过路线传递道具。将属性从组件树的子级发送到其他组件

我有一个简单的react应用程序，其中有完整的导师组件树。TutorDashBoard是导师组件的子组件，运行良好。 我想将教程从TutorDashBoard组件发送到Courses组件。 这里有一个简单的代码沙盒来实现这一点，但教程并没有传递给课程。

---

在

TutorDashBoard

中摆脱

路线

，并将对象传递给

链接

组件中的

道具

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

MyCourses

注意：在课程组件中，我们应该访问
tutorId
as
const tutorId=props.location.state这里是工作代码沙盒..
摆脱
TutorDashBoard
中的
Route
，并将对象传递到
链接
组件中的
道具

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

MyCourses

注意：在课程组件中，我们应该访问
tutorId
as
const tutorId=props.location.state这里是工作代码沙盒..
嗨@JózefPodlecki我按照你的建议，但仍然相同的结果并没有将教程发送到课程组件。这是hi@JózefPodlecki，我按照你的建议做了，但同样的结果并没有将教程发送到课程组件。这是