React router 6+：如何在路由加載器中強類型化 params 選項？
[英]React router 6+ : how to strongly type the params option in route loader?
有路由器 有裝載機export const loader: LoaderFunction = async ({ params }) => { return await fetchData(params.todoId); }; 如何根據路徑鍵入參數？ 等待路徑中指定參數的突出顯示。 更新 ...
如何使用 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 組件內容未呈現或未找到
[英]React Component content is not rendering or not found
我是第一次使用 React 構建前端，並且剛剛添加了路由。 從那以后，頁面不再正確呈現，我不知道錯誤在哪里。 查看時我go到首頁路徑組件內容似乎沒有加載這是我的 App.js 和路線 這是我的 index.js 這是我的 home.js 我的 package.json{ "name": "test ...
當用戶在瀏覽器中手動更改 url 時阻止路由 - ReactJS
[英]Prevent routing while user manually changes url in the browser - ReactJS
當用戶在瀏覽器中手動更改 url 時，我想阻止路由。 我將"/main"作為我正在保護的管理路由，但是當用戶更改其在本地存儲中的角色並嘗試訪問“/main”時，問題就開始了。 我想阻止用戶手動更改其 url 中的路線，或者如果他們手動更改則顯示錯誤。 編輯：我在后端保護我的路線，但在前端我什至沒有 ...
useParams() 在 react-router-dom v6.8 中是一個空的 object
[英]useParams() is an empty object in react-router-dom v6.8
我只是想在 React 中使用react-router-dom v 6.8 從動態路由（ "/articles/:articleId" ）中檢索參數"react-router-dom": "^6.8.0", "@types/react-router-dom": "^5.3.3", 我試着 ...
為什么我不能使用 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 事件處理程序添加到 ...
帶有 react-router-dom 的 MUI Drawer 不激活過渡效果
[英]MUI Drawer with react-router-dom do not activate the transition effect
我想將像 MUI 網站中的示例那樣的持久抽屜與 react-router-dom 結合起來。 我發現的唯一問題是過渡效果不再起作用，段落不會調整大小以為打開的抽屜騰出空間，因此后者最終會與文本重疊。 我已經設置了一個有效的 Codesandbox 示例傳遞給路由頁面的 open 道具似乎沒有激活這里 ...
在 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 以下 有人可以在這里指導我嗎？ 無法解決錯誤 ...
使用 React Router 5 時遇到問題
[英]Having issues using React Router 5
我無法理解如何正確使用 React Router。 我想要一個在根目錄 ( "/" ) 呈現的組件有多個路由並默認重定向到"/projects" 。 我想要的路線是這些： "/projects" "/projects/project/:projectId/" "/projects/project/: ...
React.js，如何獲取 URL 路徑名中的屬性？
[英]React.js, How to fetch the properties in a URL pathname?
我正在嘗試在我的 React 應用程序中使用match通過 URL 路徑名獲取 uid 和令牌。 但是我得到了錯誤： 未捕獲的類型錯誤：n 未定義這是我的代碼片段： 根據這個線程： https://stackoverflow.com/questions/70609785/uncaught-type ...
在 React.js 中維護路由之間的上下文值
[英]Maintain context values between routes in React.js
我正在嘗試在上下文中的路由之間維護 state 值。 但是當路線改變時它會被重置。 aackage.json： "react-router-dom": "^6.8.0", "react-dom": "^18.2.0", "react": "^18.2.0", 應用程序.js：export d ...
在 react.js 中使用 activeClassName 屬性時，我的徽標也帶有下划線
[英]My logo also get underlined while using activeClassName attribute in react.js
我正在使用activeClassName="active"來設置導航菜單項的樣式，因此活動頁面名稱應該帶有下划線。 唯一的問題是當用戶在主頁上時，徽標也會帶有下划線/樣式，而我希望導航菜單中的主頁項目帶有下划線或樣式。 當我在活動頁面上時，導航菜單中的每個頁面名稱都會設置樣式，唯一的問題是當我在主頁 ...
<link>使用“react-router-dom 6.7.0”
[英]<Link> with "react-router-dom 6.7.0"
我正在嘗試創建我的第一個網站，但在重定向到另一個頁面時遇到問題。 我將Routes添加到 App.jsx，並添加了到Navbar的鏈接； 單擊Navbar中的“服務”轉到"/services" ，但該頁面不顯示任何內容，僅顯示Navbar 。 我也試過NavLink ，但它沒有改變任何東西。 請幫 ...
React 應用程序顯示空白頁面，沒有任何編譯錯誤
[英]React app display blank page without any compilation error
我不確定下面我的 React 應用程序出了什么問題，它編譯成功且沒有錯誤，但不顯示任何內容（只顯示空白頁）。 誰能指出我的代碼出了什么問題？ 對不起，我是新來的。 索引.js 應用程序.js 我的 Home.js 位於組件文件夾中文件夾結構如下 首頁.js ...
_ref 在使用 react-router-dom 的 Navlink 組件時是不安全的
[英]_ref is undefiend when using react-router-dom's Navlink component
在設置一個新的 React web 應用程序項目時，在安裝react-router-dom v^6.8.0 之后，我使用從react-router-dom導入的NavLink的那一刻是這樣的：<NavLink> <MyCustomJsx /> </NavLink&g ...
鏈接 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組件。 我怎么解決這個問題？ ...
從一個組件路由到另一個組件時，計時器的呈現停止
[英]Rendering of the timer stops while routing from one component to another
所以我做了一個簡單的倒計時計時器，如果我路由到另一個組件，它會停止呈現更新的時間。 我使用了setInerval()更新倒計時時間，每當我路由到另一個組件時， setInterval()會繼續運行但沒有渲染發生並且倒計時計時器設置回其開始時間。 應用程序 倒數 定時器 這是應用程序的鏈接 - cod ...