Реагируйте JS: history.push не является ошибкой функции и не переходит на другую страницу по щелчку swal

Question

Я использую реагирование JS в течение последних нескольких месяцев и только что узнал о загрузочном плагине Sweetalert для реагирования.при успешном обновлении компонента на экране появляется диалоговое окно.после нажатия кнопки "нажмите здесь" вызывается history.push, и он должен перенаправить на другую страницу, но я получаю сообщение об ошибке

history.push не определено.

Я погуглил довольно много вещей и перепробовал немало сценариев, но не добился успеха.

фрагмент кода:

class displayBlank extends Component {

render(){

<div id="displayDetails">
          <DisplayDetails respData={this.state.respData}  />
        </div>

}

}

export default displayBlank;


class displayDetails{

 handleUpdate()
 {

  // Body of HandleUpdate
    swal({
      title :"Customer Updated Successfully!",
      icon : "success",
      button: "Click Here!",
    }).then((e) => { history.push('/blank');
  });

  }

  render(){

  <table>
  <tr>
  <td>

   Table-Grid Contents
  </td>
  </tr>
  </table>

  <td>
              <FormGroup controlId="formControlsDisabledButton"  style={buttonalignment}>
                <Button className="float-right" bsStyle="primary" type="submit" onClick={this.handleUpdate}>Save</Button>
                {'  '}
                <Button className="float-right" bsStyle="primary" type="submit" disabled>Download</Button>
                {'  '}
              </FormGroup>
            </td>


  }

}  

Answer 1

Если вы используете реагирующий маршрутизатор , используйте this.props.history.push('<url>').

Если вы наткнулись на ошибку Cannot read property 'push' of undefined, оберните компонент в withRouter :

import { withRouter } from 'react-router';

class DisplayBlank extends Component {
  ...
}

export default withRouter(DisplayBank);