Apakah yang menyebabkan bar sisi React saya gelisah apabila halaman baharu dimuatkan?

Question

Untuk konteks, saya menggunakan perpustakaan React-Bootstrap. Setiap kali saya mengklik pada href dalam kod, bar sisi bergegar selama setengah saat, hampir seperti ia ditetapkan semula kepada keadaan tidak digayakan dan kemudian kembali kepada bentuk biasa. Adakah sesiapa tahu mengapa ini berlaku? Adakah kerana kod saya terlalu perlahan? Inilah kod bar sisi saya:

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

Kod anda berfungsi dengan baik pada peranti saya.. Mesti ada masalah internet atau peranti. Saya juga menyemak kod anda dan tidak ada yang salah dengan kod anda. Setelah digunakan tidak perlu risau tentang ia berfungsi dengan baik.