小编phu*_*uoc的帖子

如何在同一路由路径上重新渲染组件(链接,V6)reactjs

我有一个侧边栏菜单可以更改页面

我发现如果我单击当前路径的菜单项,页面将不会触发重新渲染。

(例如当前路径是 /user 并单击相同的路径 /user )

进入页面时它会调用 useEffect 来获取数据,但我想再次单击相同的链接来重新加载数据而不是重新加载页面

我有以下 React 路由器。

 <Routes>
   <Route path="" element={<MainLayout />}>
     <Route path="/user" element={<User />} />
     <Route path="/contact" element={<Contact />} />
     <Route exact path="/" element={<Login />} />
   </Route>
</Routes>
Run Code Online (Sandbox Code Playgroud)

MainLayout.jsx

<Layout>
      <Sidebar />
      <Layout>
        <Header></Header>

        <Content >
          <Outlet />
        </Content>

        <Footer >
           Sorftware
        </Footer>
      </Layout>
</Layout>
Run Code Online (Sandbox Code Playgroud)

侧边栏.jsx

<Menu>
  <Menu.Item key="users" >
     <Link to="/user">User</Link>
  </Menu.Item>
</Menu>
Run Code Online (Sandbox Code Playgroud)

*更新:我删除了index.jsCustomRouter.jsx因为它似乎与我的问题无关

reactjs react-router-dom

2
推荐指数
1
解决办法
4260
查看次数

标签 统计

react-router-dom ×1

reactjs ×1