如何使用反应路由器路由到绝对路径？

Question

我有一个 react 应用程序使用 react-router 在页面之间路由。 问题是这样的： 我在以下路线的页面中：http://example.com/my-current-location/ 我想路由到http://example.com/my-next-location/

我尝试使用

this.props.history.push("/my-next-location")

但这需要我去http://example.com/my-current-location/my-next-location/ 这不是我需要的。

this.props.history.push("/my-next-location")

我需要的是一种导航到绝对路径的方法。 当然，

location.replace()

不会这样做，因为我不想刷新整页。 我怎样才能做到这一点？

Answer 1

你可以使用<Link />或者这个组件

import React from 'react;
import {Redirect} from "react-router-dom";




/**
 * @param {boolean} props.redirect 
 */

const index = props =>{

return props.redirect ? 
<Redirect to="/my-next-location" />
:<div>
   the components code
</div>

}