Javascript 如何修复'；这个.props.router.push'；给予'；未捕获类型错误：无法读取属性'；推动'；未定义的'；错误？

我正在尝试让我的react应用程序在单击徽标时转到新页面。我已经在其他组件上的应用程序中执行了此操作，但由于某些原因，我在单击徽标时无法读取未定义的属性“push”。这是我的组件：

import React, { Component } from 'react';
import { Link } from 'react-router';
import { withRouter } from 'react-router';


import Logo from './nspstar.png';
import Logo2 from './nspred.png';
import HomeLogo from './HOME.png';
import HomeLogo2 from './HOME2.png';
import MusicLogo from './MUSIC.png';
import AboutLogo from './ABOUT.png';
import AboutLogo2 from './ABOUT2.png';
import ContactLogo from './CONTACT.png';
import ContactLogo2 from './CONTACT2.png';
import ShopLogo from './SHOP.png';
import ShopLogo2 from './SHOP2.png';

export default class Menu extends Component {

    constructor(props) {
        super(props);
        this.state = {
            imgSrc: Logo,
            homeSrc: HomeLogo,
            aboutSrc: AboutLogo,
            shopSrc: ShopLogo,
            contactSrc: ContactLogo

        }
        ...
        this.goHomePage = this.goHomePage.bind(this);
    }

    goHomePage() {
        this.props.router.push('/');
    }


    ...

    render() {
        return (
            <div className='Menu' id='Menu'>
                <Link to='/'><img onMouseOver={this.handleMouseOver2} onMouseOut={this.handleMouseOut2} src={this.state.homeSrc}></img></Link> <Link to='/About'><img onMouseOver={this.handleMouseOver3} onMouseOut={this.handleMouseOut3} src={this.state.aboutSrc}></img></Link> <img src={this.state.imgSrc} onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut} onClick={this.goHomePage}></img> <Link to='/Shop'><img onMouseOver={this.handleMouseOver4} onMouseOut={this.handleMouseOut4} src={this.state.shopSrc}></img></Link>  <Link to='/Cart'><img onMouseOver={this.handleMouseOver5} onMouseOut={this.handleMouseOut5} src={this.state.contactSrc}></img></Link>
                <hr />
            </div>
        );
    }
}

import React，{Component}来自'React'；
从“反应路由器”导入{Link}；
从“react router”导入{withRouter}；
从“/nspstar.png”导入徽标；
从“/nspred.png”导入Logo2；
从“/HOME.png”导入HomeLogo；
从“/HOME2.png”导入HomeLogo2；
从“/MUSIC.png”导入MusicLogo；
从“./ABOUT.png”导入AboutLogo；
从“./ABOUT2.png”导入AboutLogo2；
从“/CONTACT.png”导入ContactLogo；
从“/CONTACT2.png”导入ContactLogo2；
从“/SHOP.png”导入ShopLogo；
从“/SHOP2.png”导入ShopLogo2；
导出默认类菜单扩展组件{
建造师（道具）{
超级（道具）；
此.state={
imgSrc：标志，
homeSrc:HomeLogo，
aboutSrc:AboutLogo，
shopSrc:ShopLogo，
contactSrc:ContactLogo
}
...
this.goHomePage=this.goHomePage.bind（this）；
}
政府网页（{
this.props.router.push（'/'）；
}
...
render（）{
返回(

);
}
}

我打电话给

goHomePage（）{
this.props.router.push（'/'）；
}

在

---

出现此错误的代码有什么问题？

这是什么react路由器版本？

“react路由器”：“^3.0.5”，

…我在应用程序中的其他组件上也有此功能，但在该组件中它不起作用@AndrewLi react router的版本是什么？

“react router”：“^3.0.5”，

…我在应用程序中的其他组件上也有此功能，但在该组件中它不起作用@安德烈