React-Router обновляет страницу, когда я следую маршруту, используя тег

Я создаю приложение React, у которого есть ссылки, указывающие на предопределенные маршруты.

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

Маршруты разрешаются хорошо, но они обновляют страницу, тем самым замедляя производительность приложения. Как избежать повторной рендеринга всей страницы?

Ответ 1

Исправьте проблему, используя тег <Link>, включенный в реагирующий маршрутизатор.

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

Ответ 2

Первый ответ был верным, но я не нашел ссылку от response-router-dom. Это было в моем случае:

import { Link } from 'react-router';