How to follow a link inside an event handler in react?

Question

JavaScript

So far, only this code works: But the page reloads with this approach. How can I follow a link without reloading, and preferably using react-router?
document.location.href = "/cources";

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);

You may want to use a simple Link component :

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

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

export default Example;