如何使用反應路由器路由到絕對路徑？

Question

我有一個反應應用程序使用 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>

}