Question

我已经使用反应路由器和回流与版本有点旧的反应应用程序。我们有一个表格和一个搜索按钮。单击搜索按钮时，正在进行ajax请求以获取结果。目前，我需要将搜索结果查询附加到网址，以使用户能够为其添加书签。

我知道使用＆＃34; window.location.hash＆＃34;，我们可以将查询参数附加到浏览器URL。我想避免＆＃34;＃＆＃34;。

但React路由器有没有办法实现这个目标？

Answer 1

如果您希望用户为搜索查询添加书签，您可以使用具有不同路径的react-router进行查询结果页面，其中呈现包含数据的表。

render() {
     <Route path='/search/:query' component={TableWithData}/>
}

TableData是反应组件，它在表中显示数据。 React路由器负责更改URL（无哈希），用户可以根据需要为链接添加书签。