react-router 相关问题

React Router - 一个完整的React路由库,灵感来自Ember的路由系统

React Router 可以处理超过 20k 的路径吗?

我正在将 ASP.NET Web Form 站点迁移到 React + ASP.NET Core API。 在 ASP.NET 站点中,客户通过填写表格来订阅系统,在该表格中,他们在一个独特的字段中输入...

回答 1 投票 0

react-router-dom构建直接访问URL时给出404,但在开发中没有

我有一个使用create-react-app创建的react应用程序,并使用react-router-dom进行路由。 总体布局是: 应用程序.js

回答 4 投票 0

使用 React Router v6.4.2 时出现 useNavigate 错误

我有两个功能组件,我从react-router-dom包中导入useNavigate钩子。我没有收到任何错误,在一个组件中,而在另一个组件中,我收到错误 Error: useNavigate...

回答 1 投票 0

位置“/”处的匹配叶路由没有元素或组件

我不断收到错误“位置“/”处的匹配叶路由没有元素或组件。这意味着默认情况下它将渲染一个具有空值的...

回答 1 投票 0

React URL 问题:随机字符串附加到某些设备上的 url

我遇到了奇怪的问题。我们的应用程序网站在 URL 中显示一些随机字符串,如下所示 /?_gl=1*1lv9pd9*_ga*jAuMA..#/contactsHome 理想情况下应显示为 /#/contactsHome 我们有附件...

回答 1 投票 0

在重定向之前运行函数时未设置sessionStorage(React Router Dom v6)

我有两个几乎相同的功能: 这个有效 函数 addToCart(id) { setProductsCartNew((prevProductsCart) => [...prevProductsCart, id]); 警报(“产品已添加到c...

回答 1 投票 0

状态改变时如何将参数传递到另一个初始页面?

我想一开始就检查一下摄像头和麦克风的权限,如果没有授予权限则将权限状态传递到允许页面。 这是 app.tsx 从 './

回答 1 投票 0

React 加载器不适用于下行路由

我有一个 App.js 文件,其中包含我拥有的所有路由。我想利用 React-Router 数据加载器。 从“反应”导入反应 导入 { 路线,路线,导航,RouterProvider,

回答 2 投票 0

通过路由器操作功能消耗firebase错误

我想要 Cosnume Firebase 身份验证错误,但因为它位于顶层,所以我无法使用 Usestate,我想找到一个解决方案,以某种方式将错误呈现到 JSX 中。 我无法移动...

回答 1 投票 0

如何在React VITE中使用Route DOM

正在开发 ReactJS 项目,需要为我的路线设置自定义路径。我想定义自己的路径,而不是依赖 React Router 生成的默认路由。最好的方法是什么

回答 1 投票 0

React-Route Link 与react-router-dom V6

当我单击第二页的按钮时,它会添加到此着陆页的最底部(页脚之后)。转换来自课程页面。如何使第二页作为新页面打开

回答 1 投票 0

当我运行构建时,浏览器路由器显示空白页面

从“./logo.svg”导入徽标; 导入'./App.css'; 从 './Home' 导入主页; 从“./Signup”导入注册; 从“./Dashboard”导入仪表板; 从 './Login' 导入登录名; 导入 { HashRouter ,

回答 1 投票 0

React Router Dom v6:自动滚动到顶部不起作用

当我使用 React Router Dom v5 时,如果我确实喜欢这样: } /> 导航该页面后,它会自动转到顶部...

回答 1 投票 0

React 动态路由在构建或部署时不起作用

在运行应用程序的构建版本或在渲染上部署它时,我无法让 React 路由正常工作。这是我的路线: 在运行应用程序的构建版本或将其部署在渲染上时,我无法使 React 路由正常工作。这是我的路线: <Route path="/" element={userID ? <Home /> : <Login />} /> <Route path="/register" element={userID ? <Home /> : <Register />} /> <Route path="/forgotPassword" element= {userID ? <Home /> : <ForgotPassword /> } /> <Route path="/resetPassword/:id/:token" element={userID ? <Home /> : <ResetPassword /> } /> 当我使用 npm run start 在开发模式下运行时,所有这些路线都工作正常。但是,当我在构建模式下运行它们或在渲染上部署它们时,“resetPassword”路由不起作用,所有其他路由仍然可以正常工作。但对于 ResetPassword,页面仅显示“Cannot GET /resetPassword/123/456”。该路由是在后端生成的,然后通过电子邮件发送,但我认为这不会产生影响。 我尝试进入 package.json 并添加 "homepage": "."或“./”,甚至尝试将其设置为“http://localhost:3000”以查看它是否修复了构建模式。它没。这是什么问题? 另外,在我的服务器上我有这个代码,不确定是否需要更改:app.use('/', express.static(path.join(__dirname, '../client/build')));。 我找到了我的问题,这里有一些问题。 首先,在我的 server.js 后端文件中,我必须添加此文件以捕获所有非静态请求以重定向到 React 应用程序的 index.html 文件。为 React 构建的 index.html 文件添加您自己的路径: app.get('/*', (req, res) => { res.sendFile(path.join(__dirname, '../client/build/index.html')); }); 此外,在该 index.html 文件中,我必须添加以下内容: <base href="/" /> 这两个一起解决了这个问题。

回答 1 投票 0

react-router v4 + electro - 是否存在它们可以很好地协同工作的时间线?

我正在尝试在电子应用程序中使用react-router v4。 问题一:Electron 将初始页面加载为 file:///path/to/project/index.html,react-router 期望初始页面为“/”a...

回答 2 投票 0

将react-router-dom与登录页面连接

我想将react-router-dom与我的登录页面连接。但它不按我想要的方式工作。单击按钮后链接元素的属性“to”刷新。我想在 b 之后更改此属性...

回答 1 投票 0

元素类型无效:需要一个字符串(对于内置组件)或一个类/函数,但得到:对象

每当我输入 http://localhost:3000/Test 时,我都会收到此错误: 警告:React.createElement:类型无效 - 需要一个字符串(对于内置组件)或一个类/函数(对于复合组件......

回答 1 投票 0

Vite 与react baseUrl 问题,尝试从前缀路径加载文件

我正在使用 Vite 和 React 并遇到一个奇怪的问题。 我已将 tsconfig 中的 baseUrl 设置为“src” 我已将 vite.config.ts 文件中的 DefineConfig 中的基数设置为“/” 乙...

回答 1 投票 0

父路由加载器为每个孩子加载

我在React-Router中使用嵌套路由,当我使用重定向重定向到子路由时,父加载器首先加载。我想在重定向时忽略父加载程序。这可能吗? 我已经

回答 1 投票 0

React web 刷新后忘记导航

我们有React网站,我们正在使用redux,useParams并且数据来自api,我们从redux获取一些数据并使用params将其传递给api,以便我们可以显示动态响应,网站...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.