如何從當前網址獲取路線名稱

Question

我正在React的一個小項目上工作。 我想從ReactJS中的當前URL獲取路由名稱。

我目前正在使用React-Router 3.2.0，並且我想在React-router（3.2.0）中解決此問題。

Answer 1

接下來是關於問題的評論和聊天。 您無法訪問location道具，因為您location的組件不是由Route組件渲染的。 解決此問題的簡單方法是在文件頂部包含導入：

import { withRouter } from 'react-router';

然后，在您導出組件的位置，將其包裝在withRouter（...這里的組件...）中，例如，您的Routes組件導出將類似於：

export default withRouter(connect(
    mapStateToProps,
    {}
    )(Routes))

然后，您將能夠訪問this.props.location ，它將具有一個值，即pathname （ this.props.location.pathname ），它將是完整的路由，減去basePath。