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

 <Routes>
   <Route path="" element={<MainLayout />}>
     <Route path="/user" element={<User />} />
     <Route path="/contact" element={<Contact />} />
     <Route exact path="/" element={<Login />} />
   </Route>
</Routes>

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

        <Content >
          <Outlet />
        </Content>

        <Footer >
           Sorftware
        </Footer>
      </Layout>
</Layout>

<Menu>
  <Menu.Item key="users" >
     <Link to="/user">User</Link>
  </Menu.Item>
</Menu>

import { Link, useNavigate } from "react-router-dom";
import { nanoid } from "nanoid";

...

const navigate = useNavigate();

...

<Link
  to="/user"
  onClick={(e) => {
    e.preventDefault();
    navigate("/user", { state: nanoid() });
  }}
>
  User
</Link>

const { state } = useLocation();

useEffect(() => {
  // run side-effect
}, [state]);

Reactjs相关问答推荐

无法在列表中看到文本

cypress 不能点击SPAN

使用Reaction-Hook-Form时未激发React.js onBlur事件

有没有办法将MUI网格元素与Flex-Start对齐？

是否在Extra Reducer完成作业(job)时触发createListenerMiddleware？

StyleX中的多语言支持

需要特定的数学函数来标准化动画持续时间

在transformResponse中使用来自其他查询的缓存

ReactJS：唯一项目的数量总和

在ReactJS的monaco编辑器中添加美人鱼语法

是的验证：使用 useFieldArray 访问表单值

React - 函数组件 - 点击两次问题处理

onChange in useEffect 的最佳实践

使用 map 循环浏览列表列表中的列表并显示它们

臭名昭著的测试未包含在 act(...) 中

基于标记名的博客详细信息分组没有发生

在复选框中react 检索选中的值

DatePicker MUI 如何在日历左侧显示清除文本

自动重新获取不起作用 - RTK 查询

如何使用 useEffect 和 if 语句 React