我有以下路线。当我在/createtest 页面并执行history.push(/createtest/some-test-id) 因为它匹配相同的路由组件时，它不会重新加载。 有什么聪明的解决办法？或者我需要检查match 参数并实现逻辑以重新加载？
（反应 16，路由器 v4）
<Route path="/createtest/:testid?/:type?/:step?/:tab?" render={(props) => <CreateTest user={user} {...props}/>}/>
【问题讨论】：
exact 道具。参考这个链接*.com/questions/49162311/…
我认为这样的事情可能有助于解决您的问题
<Route key={'notReloadableRoute'} ... />
（静态键，像普通字符串）
【讨论】：
你可以试试这个
const Reloadable = (props) => {
const { location } = props
const [key, setKey] = useState(location.key)
if (location.key !== key) {
setTimeout(() => setKey(location.key), 0)
return null
}
return <>{props.children}</>
}
<Route path="/" exact render={({ history, location }) => (
<Reloadable location={location}>
<SomeComponent />
</Reloadable>)}
/>
【讨论】：
您可以将 URL 参数作为key 提供给组件，以便在 URL 参数更改时创建一个全新的组件。
<Route
path="/createtest/:testid?/:type?/:step?/:tab?"
render={props => {
const {
match: {
params: { testid, type, step, tab }
}
} = props;
return (
<CreateTest
key={`testid=${testid}&type=${type}&step=${step}&tab=${tab}`}
user={user}
{...props}
/>
);
}}
/>;
【讨论】：
key 刷新）。不过很聪明
const testid = props.match.params.testid, type = props.match.params.type, ...，它本质上只是糖
请参阅此文档。 https://reacttraining.com/react-router/web/api/Route/exact-bool
确切的参数在什么时候起作用 您有多个名称相似的路径：
例如，假设我们有一个用户组件，它显示一个列表 用户。我们还有一个 CreateUser 组件，用于创建 用户。 CreateUsers 的 url 应该嵌套在 Users 下。所以我们的 设置可能如下所示：
现在问题在这里，当我们去 http://app.com/users 路由器将通过我们定义的所有 路由并返回它找到的第一个匹配项。所以在这种情况下，它会 先找到用户路由，然后返回。都很好。
但是，如果我们去http://app.com/users/create，它会再次去 通过我们定义的所有路线并返回它找到的第一个匹配项。 React 路由器进行部分匹配，因此 /users 部分匹配 /users/create，所以它会再次错误地返回用户路由！
exact 参数禁用路由的部分匹配，并使 确保仅在路径与 当前网址。
所以在这种情况下，我们应该在用户路由中添加确切的内容，以便它 只会匹配 /users:
【讨论】：