this.props.history.push не работает в реакции

Question

Я пытаюсь перемещаться, используя историю push внутри App.jsx. Я использовал код ниже для того же.

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

Но выдает ошибку, поскольку история не определена. Я попытался зарегистрировать объект props и получил следующий вывод.

Пожалуйста, помогите мне в навигации внутри app.jsx.

Answer 1

Экспортируйте ваш компонент с помощью withRouter.

, импортируйте с помощью роутера.

import { withRouter } from 'react-router'

Экспортируйте ваш компонент следующим образом.

export default withRouter(MyComponent)//your component name