为什么用到达路由器重新渲染整个页面？答案

【问题标题】：Why is the entire page rerendered with reach router?为什么用到达路由器重新渲染整个页面？
【发布时间】：2020-06-25 10:07:07
【问题描述】：

如果路径为 /login，则仅应呈现登录组件。它确实有效，但现在如果通过 Tabs 组件从 /posts/1 更新到 /posts/2 的路径，整个页面将重新呈现。

我实际上希望单独显示登录组件。其他一切都应该保持不变。我试过这样：

import React from "react";
import Tabs from "./components/Tabs";
import { Router } from "@reach/router";
import SignIn from "./components/SignIn";
import AppBar from "./components/AppBar";

export default function Screen() {
    const Home = () => (
        <React.Fragment>
            <AppBar />
            <Tabs />
        </React.Fragment>
    );

    return (
        <React.Fragment>
            <Router>
                <SignIn path="login" />
                <Home path="/*" />
            </Router>
        </React.Fragment>
    );
}

【问题讨论】：

标签： reactjs react-hooks reach-router

【解决方案1】：

您忘记为登录页面添加斜线 (/)。

 <SignIn path="/login" />

【讨论】：

这不是问题。