React-Router rafraîchit la page lorsque je suis un itinéraire utilisant la balise <a>

Question

Je construis une application React qui a des liens pointant vers des itinéraires prédéfinis.

<a href="/my/react/route/">Click Here</a>

Les itinéraires se résolvent bien, mais cela rafraîchit la page, ralentissant ainsi les performances de l'application. Comment éviter de restituer la page entière?

Answer 1

Résolvez le problème en utilisant le <Link> tag inclus avec react-router.

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

export class ToolTip extends React.Component {
  render() {
    return <Link to="/My/Route"> Click Here </Link>
  }
};

Answer 2

La première réponse était correcte mais je n'ai pas trouvé de lien depuis react-router-dom. C'était dans mon cas ici:

import { Link } from 'react-router';