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

У меня не получается перейти на другую страницу, так чтобы не снизу была страница, чем компонент 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
  • Вопрос задан
  • 73 просмотра
Решения вопроса 1
rockon404
@rockon404
Frontend Developer
А зачем вы ссылку в роутер оборачиваете? Исправьте:
<BrowserRouter>
  <Link to="/registration">Зарегестрироваться</Link>
</BrowserRouter>

На:
<Link to="/registration">Зарегестрироваться</Link>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
YLab Тольятти
от 70 000 до 130 000 руб.
ЭЛКОД Москва
от 120 000 руб.
Leningrad Media Санкт-Петербург
от 60 000 руб.
19 авг. 2018, в 00:49
600 руб./в час
18 авг. 2018, в 17:54
6000 руб./за проект
18 авг. 2018, в 16:00
60000 руб./за проект