Как перейти по ссылке внутри обработчика событий в react?

Question

[KirylLapouski]

Пока работает только такой код:
document.location.href = "/cources";
Но страница при таком подходе перезагружается. Как можно сделать переход по ссылке без перезагрузки, и желательно средствами react-router?

Comments

[Максим]

KirylLapouski здесь есть про то, как это можно сделать "так же" как в React-router 4, следовательно и для RR4 будет работать тоже.

Answer 1

[Антон Спирин]

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

class Example extends Component {
  handler = () => {
    this.props.history.push('/cources');
  };
  
  render() { /* ... */ }
}

export default withRouter(Example);

Возможно, вам подойдет простой вариант с компонентом Link:

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

class Example extends Component {
  render() {
    return <Link to="/cources" />;
  }
}

export default Example;