標簽[react-router] - 堆棧內存溢出

如何使用 react-router 使用 useLoaderData() 更新獲取？

[英]how to update fetch with useLoaderData() using react-router?

我想在提交表單后更新 useLoaderData() 的數據。就我而言： <Route index element={<CoutriesList />} loader={countriesLoader} /> 在 CountriesList 元素上： const coun ...

使用 React Router 訪問嵌套導航時如何保持導航處於活動狀態？

[英]How to keep the navigation active when accessing nesting navigation with React Router?

有沒有一種方法可以導航到嵌套路線並保持主導航處於活動狀態？例如，這是主導航http://localhost:3000/#/tractian/assets-list並且我從React Router獲得了一個active class ：但是，如果我導航到嵌套路線，則 class 將被刪除： ht ...

根據權限設置 React-Admin 應用程序的主頁

[英]Setting homepage for React-Admin app based on permissions

我想根據用戶的權限設置 React-Admin 應用程序的主頁，而不是默認的，它是<Admin>組件中首先列出的<Resource>的列表頁面。我當前的 Dashboard 組件實際上已經這樣做了：但問題是重定向給出了警告： Warning: Cannot update ...

React 組件內容未呈現或未找到

[英]React Component content is not rendering or not found

我是第一次使用 React 構建前端，並且剛剛添加了路由。從那以后，頁面不再正確呈現，我不知道錯誤在哪里。查看時我go到首頁路徑組件內容似乎沒有加載這是我的 App.js 和路線這是我的 index.js 這是我的 home.js 我的 package.json{ "name": "test ...

升級 react-router Failed prop type: prop `history` 在 `Router` 中標記為 required，但其值為 `undefined`

[英]Upgrade react-router Failed prop type: The prop `history` is marked as required in `Router`, but its value is `undefined`

我將react-router@3.2.0升級到react-router@4.3.1並且出現錯誤：失敗的 prop 類型：prop history在Router中標記為 required ，但其值為undefined 。也許有人知道如何解決這個問題？ ...

React.js動態路由刷新后出現空白頁面

[英]React.js dynamic routing get blank page after refreshing

我正在我的項目中實現動態路由，根據這個 git repo: https://github.com/javaLuo/react-admin根據用戶角色打開不同的頁面它在初始加載頁面上運行良好。但是，每當我嘗試刷新BasicLayout中的任何頁面而不是login page 。索引.js： onE ...

為什么我不能使用 react-router-dom 中的“路由”，即使它是版本 6？它顯示錯誤

[英]Why am I not able to use "Routes" from react-router-dom even though it is version 6? It shows error

我一直在嘗試從import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'; -router-dom 中獲取“路由”，就像這樣我在這里稱之為：它拋出一個錯誤： export 'Routes' (imported ...

將 onClick 處理程序添加到鏈接內的按鈕時，反應路由器鏈接不起作用

[英]React router Link not working when adding onClick handler to button inside the Link

我有一個表單，當用戶按下提交按鈕時，我希望對輸入數據進行一些計算，然后將用戶帶到一個新頁面。應用程序.js 計算器.js 出於我不知道的原因，當 onClick 事件處理程序未附加到按鈕時，鏈接有效，但當我添加 onClick 事件處理程序時，鏈接不再有效。將 onClick 事件處理程序添加到 ...

單擊登錄按鈕后 useEffect 路由的問題

[英]Problem with useEffect routing after login button click

我的useEffect和我的登錄按鈕有問題。當我單擊登錄按鈕時，我的useEffect卡住了，不會將我重新定位到我的目的地。我使用react-router和navigate 。您可以在下面的代碼中看到這一點。這是來自我的<Login />組件你可以在這里看到我的路線在這里你可 ...

在 React router dom v6.4 庫中構建用於生產拋出錯誤的 React 應用程序

[英]Building React app for production throwing error in the react router dom v6.4 library

該應用程序是使用 Vite 構建的，它是一個基於 React ts 的應用程序。該項目在開發模式下正常運行，但是當嘗試使用npm run build用於生產的應用程序時，出現以下錯誤。我真的不想將 react-router-dom 版本降級到 6.4 以下有人可以在這里指導我嗎？無法解決錯誤 ...

路線保護期間超過最大深度限制

[英]Maximum Depth Limit Exceeded during route protection

誰能告訴我這段代碼有什么問題？？我正在保護路線，但錯誤來了。我創建了一個 ProtectionRoute 組件，它從 TwitterState.js 調用 AUTH_FUNC（檢查用戶是否被鎖定），如果用戶已登錄，則 ProtectionRoute 返回組件，否則重定向到登錄頁面！應用程序.j ...

單元測試 useLoaderData() react-router v6 加載器函數

[英]Unit testing useLoaderData() react-router v6 loader functions

一個項目使用 react-router v6，在某些組件中我調用useLoaderData() 。例如：const routes = [ { path: "widgets", loader: () => fetchAndGetJSON("/api/widgets"), ...

在 React 中將路徑與查詢變量匹配

[英]Matching a path with query variables in React

假設我的網站上有以下頁面第 1 頁： example.com/somepage.php?action=a ?action=a 第 2 頁： example.com/somepage.php?action=b ?action=b 第 3 頁： example.com/somepage.php?acti ...

React-Router 瀏覽器路由器備用位置？

[英]React-Router Browser Router alternate locations?

試圖把我的頭圍在某事上。使用react-router時，我們現在使用BrowserRouter來設置路由。現在，在我的例子中，我使用 TypeScript 啟動了一個 Vite 應用程序。其中有一個index.tsx文件和一個為所有內容提供服務的App.tsx文件。最合乎邏輯的地方是讓Bro ...

如何使用 class 組件在 React 中登錄驗證后路由到主頁？

[英]How to route to Home page after Login Validation in React using class components?

我正在嘗試使用本地 json 文件驗證登錄，方法是使用 axios 獲取數據並在 class 組件中設置 state。登錄后我無法驗證和路由到主頁。我正在嘗試在成功登錄驗證后將用戶導航到主頁，使用本地 json 文件作為登錄憑據。我無法路由到主頁，因為我提供的提交按鈕鏈接直接將我帶到了主頁。 ...

在 react.js 中使用 activeClassName 屬性時，我的徽標也帶有下划線

[英]My logo also get underlined while using activeClassName attribute in react.js

我正在使用activeClassName="active"來設置導航菜單項的樣式，因此活動頁面名稱應該帶有下划線。唯一的問題是當用戶在主頁上時，徽標也會帶有下划線/樣式，而我希望導航菜單中的主頁項目帶有下划線或樣式。當我在活動頁面上時，導航菜單中的每個頁面名稱都會設置樣式，唯一的問題是當我在主頁 ...

[英]<Link> with "react-router-dom 6.7.0"

我正在嘗試創建我的第一個網站，但在重定向到另一個頁面時遇到問題。我將Routes添加到 App.jsx，並添加了到Navbar的鏈接；單擊Navbar中的“服務”轉到"/services" ，但該頁面不顯示任何內容，僅顯示Navbar 。我也試過NavLink ，但它沒有改變任何東西。請幫 ...

React Dom 出口路線混亂。將 3 個部分頁面嵌套到一條路線中。反應路由器 v6

[英]React Dom Outlet Route Confusion. Nest 3 Part Page Into one Route. React Router v6

我很難理解路線和出口的反應方式。我的問題是這樣的。如果我有一條路線應該加載 3 個部分。 -頂部菜單 -側邊菜單 -中心內容但是中心內容包含在由“側邊菜單”包裹的 div 中，我如何包裹另一個將在前一個組件內部發生變化的元素。我的目標是在所有路線中使用前 2 條路線，並且中心內容將根據路線 ...

鏈接 Material UI 和 React Router Dom

[英]Link in Material UI and React Router Dom

它需要看起來像 Material-UI 中的<Link > 但問題是它在導航時進行刷新。所以我所做的是使用 react-router-dom 的<Link> Link> 並將 Material-UI 的<Link>作為其組件。問題出在 UI 上，我想遵 ...

組件未呈現，問題 react-router

[英]component is not render, problems with react-router

我在反應路線上遇到問題。 NoteList組件未呈現。應用程序.js 我可以看到app.js文件中的div和h1 ，但看不到Notelist組件。我怎么解決這個問題？ ...