प्रतिक्रिया राउटर v4 - वर्तमान मार्ग कैसे प्राप्त करें?

Question

मैं <AppBar /> में प्रदर्शित करना चाहता हूं जो किसी भी तरह से वर्तमान मार्ग से पारित किया गया है।

रिएक्ट राउटर v4 में, <AppBar /> वर्तमान मार्ग को 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> 

वहाँ एक कस्टम prop<Route /> पर से कस्टम शीर्षक पारित करने के लिए कोई तरीका है?

Answer 1

प्रतिक्रिया राउटर 4 में वर्तमान मार्ग - this.props.location.pathname है। बस this.props प्राप्त करें और सत्यापित करें। यदि आपको अभी भी location.pathname नहीं दिखाई देता है तो आपको सजावट withRouter का उपयोग करना चाहिए।

यह कुछ इस तरह दिख सकता है:

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

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

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

    } 

की