Невозможно перенаправить на другую страницу в приложении реагирования

Question

У меня есть страница реакции с методом ниже.Когда я нажимаю кнопку, вызывается метод studentApproval ().Этот метод получил удар, но я хочу перенаправить на другую страницу, как только это будет сделано.Перенаправление не происходит.Как я могу заставить это перенаправление работать?

Эта строка не работает.

    this.props.history.push(STUDENT_FORMS_URL)  

Кнопка, нажимаемая на странице

     <Button
        onClick={() => this.studentApproval()}
        className="next-button"                    
        >
        Approve<Icon>chevron_right</Icon>
     </Button>

Она находится в другом файле.

    export const STUDENT_FORMS_URL = '/student-forms';

Метод, который вызывается нажатием кнопки.

      studentApproval(){
              AXIOS.post(`${API}/student-forms/check-request`, {
                action: "APPROVE",
                studentFormId: myId 
                },{
                  headers: {
                    "Content-Type": "application/json"
                  }
                }).then(res => {            
                  this.props.history.push(STUDENT_FORMS_URL)    
                }).catch(err => {
                  console.log(err);
                });                  
            }

Answer 1

Попытайтесь обернуть ваш компонент с помощью withRouter (), и не забудьте передать историю в качестве опоры вашему маршрутизатору. Без этого ваш маршрутизатор не будет запускать history.push (), и приложение не будет обновляться.

:)