React-Router sta aggiornando la pagina quando seguo una rotta usando il tag <a>

Question

Sto costruendo un'app React che ha collegamenti che puntano a percorsi predefiniti.

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

Le route si risolvono bene, ma sta aggiornando la pagina, rallentando così le prestazioni dell'app. Come evitare di ripetere il rendering dell'intera pagina?

Answer 1

Risolvere il problema utilizzando il tag <Link> incluso con 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

Prima risposta era corretta ma non ho trovato link da reagire-router-dom. Nel mio caso:

import { Link } from 'react-router';