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

Question

我有2个主要组成部分

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

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

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

赞

这是我的SurveyComponent路线

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

这是链接到

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

我还尝试了其他方法来解决这个问题，但没有一个起作用。

Answer 1

您可以在文档中看到如何访问路由组件here中的:id

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

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

Answer 2

添加精确到路线

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