history.push() 不会更新浏览器的 url答案

【问题标题】：history.push() does not updates browser's urlhistory.push() 不会更新浏览器的 url
【发布时间】：2020-05-01 13:42:31
【问题描述】：

<div key={id} onClick={() => clicked(id)}>{name}</div>

在这个被点击的函数中被调用。

const clicked = (id) => {
    history.push(`/user_dashboard/projects/${id}/designs`);
}

这与路线匹配

<PrivateRoute path={match.url + '/:id/designs'} exact component={Designs} />

我有一个带有此路由的路由文件，它会打开包含所有用户项目的仪表板

<PrivateRoute path='/user_dashboard/projects' exact component={Dashboard} />

在仪表板中，它会显示一个包含所有项目的工具栏，如果用户单击任何项目，它会显示与该项目相对应的相关设计。

<Toolbar />
<PrivateRoute path={match.url} exact component={Projects} />
<PrivateRoute path={match.url + '/:id/designs'} exact component={Designs} />

我需要在两条路线中保持工具栏固定。我该怎么办？如果您发现任何错误，请告诉我。

【问题讨论】：

【解决方案1】：

您可以使用react-router-dom 中的Link 而不是以编程方式更新网址。

<Link to={`/user_dashboard/projects/${id}/designs`} key={id}>{name}</Link>

这将为您处理 url，在引擎盖下它是一个锚标记。

您可以了解更多信息here

【讨论】：

【解决方案2】：

我可以看到的第一个错误是您没有对路径属性使用字符串插值，所以应该是

path={`${match.url}/:id/designs`}

我认为您需要提供更多详细信息，以便我们正确地帮助您解决此问题。

【讨论】：