React Router v4-如何获取当前路由?

reactjs React.js

小卤蛋小卤蛋小哥

2020-03-11

我想显示title<AppBar />以某种方式从目前的路线通过。

在React Router v4中,如何将<AppBar />当前路由传递到titleprop中?

  <Router basename='/app'>
    <main>
      <Menu active={menu} close={this.closeMenu} />
      <Overlay active={menu} onClick={this.closeMenu} />
      <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' />
      <Route path='/customers' component={Customers} />
    </main>
  </Router>

有没有办法通过从自定义自定义标题prop<Route />

第697篇《React Router v4-如何获取当前路由?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
路易Pro 2020.03.11

这是使用更多信息的解决方案history

import { createBrowserHistory } from "history";

const history = createBrowserHistory()

路由器内部

<Router>
   {history.location.pathname}
</Router>

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android