使用反应路由器当前路由在菜单上有条件地设置活动类

我正在使用react router 1.0.2,我的路由如下所示:

ReactDOM.render(
  
    
      
        
        
      
    
  ,
  document.querySelector('.container')
);

我的应用程序组件看起来像这样,我想我可以传递道具中的位置:

import React, {Component} from 'react';

import Menu from './menu';

export default class App extends Component {
  render() {
    return (
      

        
        

         {this.props.children && React.cloneElement(this.props.children, {
            location: this.props.location
          })}
        
      
    );
  }
};

我想在Menu组件上有条件地设置一个活动类:

import React, {Component} from 'react';

import { pushPath } from 'redux-simple-router';
import { Link } from 'react-router';

    export default class Menu extends Component {
      render() {
        return (
            
        );
      }
    };

但是this.props.location当调用菜单的渲染函数时,它为null？

如何将道具传递给子组件？