reactjs - ID 不被 React Router 处理的 URL

Question

我在我的 ReactJs 应用程序中使用 React Router v4，看起来每当我有一个带有 ID 的路径时，React Router 没有处理它，因为我看到页面正在刷新，并且在此过程中我丢失了 Redux 存储中的所有数据。

这是我的路线部分:

<Switch>
   <Route exact path="/member" component={Home} />
   <Route exact path="/member/accounts" component={Accounts} />
   <Route path="/member/projects/profile/:id" component={ProjectProfile} />
</Switch>

这是我生成链接的方式。这是用户点击时的链接，我在浏览器上看到刷新。

import { Link } from 'react-router-dom';

... omitted for brevity
const profileUrl = "/member/projects/profile/" + project.id;

<Link to={profileUrl}>Click here</Link>

我的 route 定义的其他链接工作正常，例如家庭和账户。

我在这里做错了什么？

Answer 1

您是否将 onClick 事件处理程序传递给 Link 组件？

如果是这样，请确保处理程序一切正常。您可以尝试暂时移除它，以便调试刷新。

学分:

1. https://stackoverflow.com/a/46115304/4312466
2. https://github.com/ReactTraining/react-router/pull/4066#issuecomment-383910759