每當載入新頁面時，是什麼導致我的 React 側邊欄抖動？

Question

對於上下文，我正在使用 React-Bootstrap 的函式庫。每當我單擊程式碼中的 href 時，側邊欄都會抖動半秒鐘，幾乎就像它重設為無樣式狀態，然後回到正常形式。有人知道為什麼會這樣？是因為我的程式碼太慢了嗎？下面是我的側邊欄程式碼：

import React from "react";
import "../../App.css";
import { Nav, Navbar } from "react-bootstrap";
import ProfileSection from "./ProfileSection";
import ContactBar from "./ContactBar";
import HomeItem from "./SidebarItems/HomeItem";
import BlogItem from "./SidebarItems/BlogItem";
import WorkItem from "./SidebarItems/ProjectItem";
import PhilItem from "./SidebarItems/PhilItem";
import { Container } from "@mui/system";

function Sidebar() {
    return (
        <Navbar expand="lg">
            <Container>
                <Navbar.Toggle aria-controls="responsive-navbar-nav" />
                <Navbar.Collapse id="responsive-navbar-nav">
                    <Nav defaultActiveKey="/" className="flex-column">
                        <ProfileSection />
                        <HomeItem />
                        <BlogItem />
                        <WorkItem />
                        <PhilItem />
                        <ContactBar />
                    </Nav>
                </Navbar.Collapse>
            </Container>
        </Navbar>
    )
};

export default Sidebar;

Answer 1

您的程式碼在我的裝置上運作良好..一定是一些網路或裝置問題。我還檢查了您的程式碼，您的程式碼沒有問題。一旦部署就不用擔心它會正常運作。