Question

如果路径为/ 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>
    );
}

Answer 1

您忘记在登录页面输入斜杠（/)。

 <SignIn path="/login" />

为什么用到达路由器重新呈现整个页面？

1 个答案: