Описание тега reach-router

Описание тега Вопросы с тегом
Reach Router — это простая библиотека маршрутизации для React, разработанная так, чтобы занимать небольшую площадь. Не путать с [react-router] для ранних версий, хотя эти две библиотеки объединены в Reach Router V2.

Введение

Reach Router — это библиотека маршрутизации для React, которая заимствует идеи у React Router, Ember и Preact Router. Reach Router разработан, чтобы быть простым и легким, и поэтому поддерживает только простые шаблоны маршрутизации.

Как библиотека маршрутизации, Reach Router обрабатывает обновление URL-адреса на странице и условный рендеринг приложения React на основе URL-адреса.

Обратите внимание, что Reach Router и React Router объединяются, начиная с версий 2 и 6 соответственно. Эти две библиотеки одинаковы в этих и более поздних версиях.

Пример

      import React from "react";
import { Router, Link } from "@reach/router"

function App() {
    <Router>
        <Home path="/"/>
        <Profile path="profile"/>
    </Router>
}

function Home() {
    return (
        <main>
            <h1>Home</h1>

            <div>
                <Link to="/">Home Page</Link>
                <Link to="profile">Your Profile</Link>
            </div>
        </main>
    )
}

function Profile() {
    return (
        <main>
            <h1>Profile</h1>
        </main>
    )
}

Ссылки

Связанные теги