प्रतिक्रिया घटक में वर्तमान पथ प्राप्त करें

Question

विशिष्ट मेनू आइटम की स्टाइल निर्धारित करने के लिए, मैं अपने नेविगेशन घटक में वर्तमान पथ प्राप्त करने का प्रयास कर रहा हूं।

मैंने पहले से ही कुछ सामान्य संदिग्धों की कोशिश की, लेकिन कोई परिणाम नहीं मिल सका। विशेष रूप से गुण जो मैंने सोचा था कि प्रतिक्रिया के माध्यम से इंजेक्शन दिया जाएगा वहां नहीं हैं।

this.props.location रिटर्न undefined

this.props.context रिटर्न undefined

मैं उपयोग react 15, redux 3.5, react-router 2, react-router-redux 4

import React, {Component, PropTypes} from 'react'; 
import styles from './Navigation.css'; 
import NavigationItem from './NavigationItem'; 

class Navigation extends Component { 

    constructor(props) { 
    super(props); 
    } 

    getNavigationClasses() { 
    let {navigationOpen, showNavigation} = this.props.layout; 
    let navigationClasses = navigationOpen ? styles.navigation + ' ' + styles.open : styles.navigation; 
    if (showNavigation) { 
     navigationClasses = navigationClasses + ' ' + styles.collapsed; 
    } 
    return navigationClasses; 
    } 

    render() { 
    /* 
    TODO: get pathname for active marker 
    */ 

    let navigationClasses = this.getNavigationClasses(); 
    return (
     <div 
     className={navigationClasses} 
     onClick={this.props.onToggleNavigation} 
     > 

     {/* Timeline */} 
     <NavigationItem 
      linkTo='/timeline' 
      className={styles.navigationItem + ' ' + styles.timeline} 
      displayText='Timeline' 
      iconType='timeline' 
     /> 

     {/* Contacts */} 
     <NavigationItem 
      linkTo='/contacts' 
      className={styles.navigationItem + ' ' + styles.contact + ' ' + styles.active} 
      displayText='Contacts' 
      iconType='contacts' 
     /> 

     </div> 
    ); 
    } 
} 

Navigation.propTypes = { 
    layout: PropTypes.object, 
    className: PropTypes.string, 
    onToggleNavigation: PropTypes.func 
}; 

export default Navigation; 

Answer 1

अपने घटक जोड़े रूटर करने के लिए पहले

<Router path="/" component={Navigation} /> 

आप

this.props.location.pathname 

इस स्थान

https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/location.md