使用此标记可以了解有关DOM使用和React Router v4绑定的问题。
将从受保护路由中的 useQuery 获取的 user prop 传递给其子组件
我正在尝试将用户对象从受保护的路由传递到子组件中以在子组件中使用它,我怎样才能获得它? “请注意,useGetCurrentUser 正在返回用户对象&qu...
当我添加链接标签和路由时,我的 React 应用程序停止渲染任何内容
所以我正在做在线商店,我正在一步一步地进行该项目,我正在做导航栏,但是当我使用链接标签并添加路由时,反应应用程序停止渲染,它给出了空白...
React Router DOM v6 - 每次路由更改时组件无法重新安装
从“react”导入React; 从“react-router-dom”导入{BrowserRouter、路由、路由、导航、链接}; 导入“./styles.css”; 函数主页() { 返回 <...
使用 i18n for Outlook 插件在 React Router DOM 中实现多语言翻译
我正在开发一个 Outlook 插件,使用 React Router DOM 进行路由。我正在尝试使用 i18n 实现多语言翻译功能,但在使其正常工作时遇到困难
为什么我的输入没有重置? {react-router-dom}
我目前正在努力让重置按钮有效地重置搜索功能。虽然按钮本身按预期工作,但我遇到了一个问题,文本输入字段......
react router v6 + vite + TS 中的受保护路由,当我获取特定页面 url 时,它会将我返回到 / [重复]
我正在尝试在React router dom vs 6中创建受保护的路由,但我有一个又一个问题显示,例如刷新页面变为空白然后修复页面后仅返回登录任何人都可以
如何在React Router v6 + vite + TS中创建受保护的路由[重复]
我正在尝试在React router dom vs 6中创建受保护的路由,但我有一个又一个问题显示,例如刷新页面变为空白然后修复页面后仅返回登录任何人都可以
在React Router v6 + vite中创建受保护的路由
我正在尝试在React router dom vs 6中创建受保护的路由,但我有一个又一个问题显示,例如刷新页面变为空白然后修复页面后仅返回登录任何人都可以
React Router v6:使用 matchRoutes 进行路由跟踪
我们使用自己的内部路由组件来跟踪react-router-dom v5中的路由。它看起来大致是这样的: 从'react-router-dom'导入{交换机,路由}; // 编辑:这是 React-Router v5 co...
React Router 更改 URL,但不会更新页面,除非从浏览器刷新
所以我在YouTube上看了很多关于React初学者的教程, 但是,我在这个 URL (localhost/) 上并单击“设置”按钮将 URL 更改为 (localhost/settings),但没有执行此操作
从“react”导入React 从“./img/logo1.png”导入徽标 从“react-router-dom”导入{链接} 导出默认函数 Navbar() { 返回 ( {/* 主题切换... import React from 'react' import logo from './img/logo1.png' import { Link } from 'react-router-dom' export default function Navbar() { return ( <div> {/* theme switch and login signup */} <div className="border-2 border-blue-600 h-full"> <Link to="/">Home</Link> </div> </div> ) } 我一开始尝试环绕一个普通的 div 或一个部分,但没有得到输出。这是一个完全空白的白屏。我以前做过 Link 项目,但这是我第一次遇到这个问题。我也禁用了反应安全模式。我到底应该做什么? import React from 'react'; import logo from './img/logo1.png'; import { Link, BrowserRouter as Router } from 'react-router-dom'; // Import BrowserRouter export default function Navbar() { return ( <Router> {/* Wrap your Link components inside Router */} <div> {/* theme switch and login signup */} <div className="border-2 border-blue-600 h-full"> <Link to="/">Home</Link> </div> </div> </Router> {/* Close Router */} ); }
我正在使用路由器在React中创建应用程序,下面是我的代码 main.jsx 从“反应”导入反应 从'react-dom/client'导入ReactDOM 从“./App.jsx”导入应用程序 导入'./index.css' 导入 {
以编程方式无法在登录组件中使用 <Navigate> 导航路由,我们使用的 React 路由器版本为 2.22.1
这是一个应用程序组件 常量路由器 = createBrowserRouter( 从元素创建路由( { 小路: ”/”, 元素: , 孩子们: [ { 路径:“/
如何创建可以从这些页面访问或修改的全局状态?我正在使用 React RouterProvider
如何创建可以从这些页面访问或修改的全局状态? 从“反应”导入反应 从'react-dom/client'导入ReactDOM 导入 { createBrowserRouter, RouterProvider } f...
我想在导航中获取代码的结果,但它似乎返回一个可怕的错误:未处理的运行时错误 错误:您无法在另一个 中渲染 。你 是...
问题是,每当我尝试结账时,如果我没有登录,它会转到链接“http://localhost:3000/login?redirect=shipping”登录,然后转到运输站点什...
React Router 6 操作未从 React Hook Form 订阅 isSubmitting + 也不使用 RTK 查询突变
简化的 React 组件,其形式为: const itemSchema = z.object({ 标题: z.string().max(50), }); 类型 ItemFormFields = z.infer; 常量{ 登记, 处理提交,
我正在使用react-router-dom v6。为了在页面移动后调整滚动位置,我使用了 ScrollRestoration。我很好奇在哪里使用这个
我好奇的不是如何使用代码,而是在哪里使用代码的标准。 我有三个主要组件来构建我的项目。 索引.tsx 从“应用程序”导入应用程序; 导入
迁移到react-router v6时,获取模块“react-router-dom”没有导出成员“RouteComponentProps”错误
我们有基于遗留类的代码,我们正在尝试将其迁移到版本 6 的最新 React 路由器。在迁移过程中,我们收到此错误: 模块“react-router-dom”...
我正在尝试导航到网址中可能包含百分比 (%) 符号的页面。例如“www.domain.com/edit/name%” if(满足某些条件则重定向){ 让encodedString =encodeURIComp...