react获取当前路由路径

React获取当前路由路径需要借助于React-Router库，React-Router是一个常用的React路由库，用于管理应用程序的路由。

首先需要在项目中安装React-Router库，安装命令为：

npm install react-router-dom --save

然后在App.js文件中引入React-Router库，用BrowserRouter包裹整个应用，定义路由，并将其渲染到页面中。

下面是一个示例代码：

import React from 'react';
import { BrowserRouter, Route } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <div>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
      </div>
    </BrowserRouter>
  );
}

function Home() {
  return <h2>Home</h2>;
}

function About() {
  return <h2>About</h2>;
}

export default App;

在上面的代码中，定义了两个路由，一个是'/'路由，对应的是Home组件，另一个是'/about'路由，对应的是About组件。

现在就可以通过React-Router提供的withRouter高阶组件获取当前的路由路径。

import React from 'react';
import { withRouter } from 'react-router-dom';

function CurrentPath(props) {
  return <div>当前路径: {props.location.pathname}</div>;
}

export default withRouter(CurrentPath);

在上面的代码中，通过withRouter将CurrentPath组件包裹起来，将当前路由路径作为props传递给组件，然后在组件中渲染出当前路径即可。

React-Router库还提供了其他路由相关的API，如Link、Redirect、Switch等，可以根据实际需求进行使用。