Как мне сделать переход на другую страницу через Link?

Question

[Руслан Абсалямов]

У меня не получается перейти на другую страницу, так чтобы не снизу была страница, чем компонент Auth а открывалась как окрывалась на всю шараницу и высоту окна
Моя реализация

import React, { Component } from "react";
import ReactDOM from "react-dom";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import Auth from "./Auth";
import Registration from "./Registration";

export default class Router extends Component {
  render() {
    return (
      <BrowserRouter>
        <div>
          <Switch>
            <Route path="/login" component={Auth} />
            <Route path="/registration" component={Registration} />
          </Switch>
        </div>
      </BrowserRouter>
    );
  }
}

ReactDOM.render(<Router />, document.getElementById("root"));

Вот пример https://codesandbox.io/s/03r78ljrj0

Answer 1

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

А зачем вы ссылку в роутер оборачиваете? Исправьте:

<BrowserRouter>
  <Link to="/registration">Зарегестрироваться</Link>
</BrowserRouter>

На:
<Link to="/registration">Зарегестрироваться</Link>