reactjs - 有没有办法在 react 路由中隐藏查询字符串中的参数？

Question

有什么方法可以从 react 应用程序的 url 中删除查询字符串？

this.history.push('component/:id')

我希望在导航时从浏览器 url 中删除 id。

Answer 1

Redirect 和 Link 组件都有一个重载的 to 属性，它可以是上面显示的字符串，也可以是带有以下键:pathname、search、hash、state。所以你的 Link 可以变成类似的东西

<Link to={pathname: '/component', state: {id: '#id'}} />

但是，请记住，您必须修改您的路由，使其不再需要 id 作为 urlParameter，而是在您的组件中，您应该使用 this.props.location.state.id 来访问变量。