this.props.history.push不起作用

Question

我試圖使用App.jsx中的歷史記錄推送進行導航。 我用下面的代碼相同。

    componentDidMount() {
        if(!this.authService.isAuthenticated())
        {           
             this.props.history.push('/Login');
        }
    }

但是，由於歷史記錄未定義，因此出現錯誤。 我嘗試記錄道具對象，並得到以下輸出。

請幫助我瀏覽app.jsx。

Answer 1

使用withRouter導出組件。

用路由器導入。

import { withRouter } from 'react-router'

像這樣導出您的組件。

export default withRouter(MyComponent)//your component name