有没有办法在反应路由中隐藏查询字符串中的参数？

Question

有没有办法从反应应用程序的网址中删除查询字符串？

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

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

Answer 1

和组件都有一个重载的prop，它可以是上面显示的字符串，也可以是带有以下键的对象Redirect：, , , 。所以你可以变成类似的东西LinktopathnamesearchhashstateLink

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

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