reactjs - 在 React Router 中使用 Link 和 NavLink 传递道具的问题

Question

我有 2 个主要组件

• SurveyList，用于显示所有调查数据

• 调查，用于更新调查数据

当我单击调查列表中的编辑按钮时，它会在 url 上显示选定的调查 ID，但无法传递给调查组件

像这样

这是我的 SurveyComponent 路线

 <Route path="/survey/:id" component={Survey} />

这是链接到

 <Link to={`/survey/${currentsurvey.id}`/>

为此，我也尝试了不同的方法，但都没有奏效。

标签： reactjsreact-reduxreact-routerreact-router-domreact-props

Answer 1

您可以在文档中查看如何在此处:id访问路由组件内部

import {
  useParams
} from "react-router-dom";
...
...

  const { id } = useParams();
...
...