標題重寫為：使用者登入時，React Route v6中的受保護路由未更新

我正在嘗試登入用戶。我有一個登入元件，它接收憑證，然後我使用reduxtoolkit來儲存狀態，並且驗證和所有操作都在userSlice中完成。我有一個受保護的路由，應該檢查用戶是否已登錄，如果用戶未登錄，則不應導航到我...

來自於 [React討論組] 2023-08-29 15:00:09 0  1  464

部署React應用程式到GitHub Pages時所遇到的挑戰

PSC:\Users\Panch\OneDrive\Desktop\Yourself2>npmrundeploynpmERR!缺少腳本:"deploy"npmERR!npmERR!要查看腳本列表...

來自於 [React討論組] 2023-08-16 15:59:12 0  1  464

如何使用 Jest 在 React BooksContainer 單元測試中新增 GetBooksAction 的模擬？

我是React和Jest的新手，到目前為止幾乎所有事情都在掙扎。我正在嘗試按照我找到的教程進行操作。這是一個簡單的書店React前端應用程式。到目前為止，我已經建立了一個簡單的佈局元件，然後在BookContainer元...

來自於 [React討論組] 2024-02-26 09:37:23 0  1  463

如何從Promise響應返回數據

如何正確地從Promise返回資料？我有以下程式碼： const axios = require("axios").default; async function getApiData(p...

來自於 [React討論組] 2023-07-28 10:32:51 0  1  463

Firebase 身份驗證。頁面刷新時 request.auth 為 null

刷新頁面時，客戶端Firebase似乎認為我有經過身份驗證的用戶，但firestorefirebase規則暗示我沒有經過身份驗證的用戶。我有一個Firebase應用程序，用戶透過signInWithEmailAndPas...

來自於 [React討論組] 2024-02-25 21:55:56 0  2  462

在Reactjs中，如何為我的DataTable新增搜尋篩選器？

我想透過在ReactJS中新增搜尋過濾器來增強我的DataTable。我希望用戶能夠在表格中搜尋特定的條目。目標是允許用戶輕鬆搜尋和查找表格中的特定資料。如何實現這個？回傳客戶地址手機號碼車牌號碼{displayedCu...

來自於 [React討論組] 2023-08-17 15:51:24 0  1  462

使用克隆的 create-react-app 建立 React 專案：逐步指南

我有一個修改過的create-react-app並且克隆了它的存儲庫，如何使用該克隆的存儲庫創建新的React項目？

來自於 [React討論組] 2024-04-03 20:26:53 0  1  461

在 Astro 中，我嘗試將 Preact 元件從函數重寫為類

這裡有一個示範儲存庫，展示如何將Preact與Astro結合使用我將在這裡僅顯示相關的程式碼片段。在astro頁面檔案中，preact元件的使用如下---...constcount=signal(0);...---<...

來自於 [React討論組] 2024-01-16 23:12:28 0  1  461

將資料從元件傳遞到 Util 文件

我試圖將data從一個React元件傳遞到另一個元件，並努力理解如何將此data呼叫到目標檔案基本上想要將<input/>值從component.js傳遞到Util.js檔案中的函數。到目前為止，我在comp...

來自於 [React討論組] 2024-02-21 20:21:59 0  1  460

使用Cypress方法選擇檔案時，處理DOM中沒有輸入元素的情況

當點擊上傳按鈕時，使用下面的方法開啟文件瀏覽器。據我所知，除非你明確地將它附加到DOM元素上，否則不會為DOM添加任何元素。 constinputEl=document.createElement("input...

來自於 [React討論組] 2023-09-05 22:32:49 0  1  459

確定Plotly.js Sunburst圖表的狀態變化

我有一個React應用程序，在其中使用plotly.js來顯示一個旭日圖表。我有其他的操作/組件，根據旭日圖表的“縮放狀態”來改變。例如，如果我完全縮小，爆發圖表顯示4個同心圓。如果我點擊離中心第二個圓，它會放大，然後只...

來自於 [React討論組] 2023-08-31 20:42:38 0  1  459

溢位：捲動導致表格的隱藏列不被渲染。出了什麼問題？

我正在將react-grid整合到現有的flask應用程式中。為了做到這一點，我必須使用自訂的webpack配置來編譯應用程式。我能夠成功地渲染react元件，但當我使用react-grid並應用overflow:scr...

來自於 [React討論組] 2023-08-17 13:55:29 0  1  459

在VisualStudioCode中出現錯誤："Type 'PropsWithChildren<{}>'缺少以下屬性：db、auth、test"的React.FC props

我是React、ionic、tsx等新手，我看過很多stackoverflow和教程，但找不到任何可以轉移到我的設定中的內容。我正在嘗試在類別組件中設置一個狀態以提供給子組件，以便它們可以使用useState掛鉤訪問變量...

來自於 [React討論組] 2024-03-29 22:36:48 0  1  458

使用不同的基礎URL的方法

在開發過程中，我使用Vite為React客戶端在http://localhost:5173/上進行HMR，並使用Node後端處理API呼叫和資源。對於生產構建，Node將提供前端服務，所以我想使用/whatever/en...

來自於 [React討論組] 2024-01-16 23:30:16 0  1  458

在 React 中使用基於循環的參數有效地定義 useCallback 函數

問題在反應中，我確實經常需要使用諸如useCallback之類的內容來記憶項目列表中的函數（通過循環創建），以避免由於引用標識符不匹配而導致單個元素更改而重新渲染所有組件…不幸的是，這是令人驚訝的是很難到期。例如，考慮以...

來自於 [React討論組] 2024-01-16 14:06:30 0  2  458