React Router v4 - Jak uzyskać aktualną trasę?

Question

Chciałbym wyświetlić title w <AppBar />, który jest w jakiś sposób przekazywany z bieżącej trasy.

W React Router v4, w jaki sposób <AppBar /> byłaby w stanie uzyskać aktualną trasę przekazaną do jej wniosku o numer title?

<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> 

Czy istnieje sposób, aby zdać niestandardowy tytuł od zwyczaju prop na <Route />?

Answer 1

W trybie 4 routera aktualna trasa jest w - this.props.location.pathname. Po prostu uzyskaj this.props i sprawdź. Jeśli nadal nie widzisz location.pathname, powinieneś użyć dekoratora withRouter.

Może to wyglądać mniej więcej tak:

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

    const SomeComponent = withRouter(props => <MyComponent {...props}/>); 

    class MyComponent extends React.Component { 
     ... 
     SomeMethod() { 
      const {pathname} = this.props.location; 
      ... 
     } 
     ... 

    }