使用React.lazy進行webpack程式碼分割的調試方法

我正在使用React.lazy嘗試將一些程式碼從我的主應用程式中拆分出來，但它沒有按照我期望的方式工作，我很難弄清楚如何調試。我的程式碼大致如下：//index.jsimportReactfrom'react';impo...

來自於 [React討論組] 2023-08-29 16:07:28 0  1  492

Next.js 13 - Jotai 的 useHydrateAtoms 掛鉤導致 UI 不匹配

使用新的應用程式目錄和jotai作為全域狀態管理器來處理Next.js13專案。現在我嘗試使用useHydrateAtoms掛鉤將初始狀態傳遞給我的原子，如官方文件中所示，但這會導致水合錯誤。以下是目前使用的程式碼的簡化...

來自於 [React討論組] 2023-08-29 15:28:26 0  1  830

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

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

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

React/Typescript專案中新增wagmi viem時如何解決套件不相容問題？

我正在嘗試將wagmi和viem套件添加到專案中。我的專案有react-scripts包，我使用的是最新版本5.0.1。 Typescript運行版本為4.9.5。但是，當我嘗試添加wagmi和viem時，要求打字稿最低...

來自於 [React討論組] 2023-08-29 11:10:12 0  1  613

會話cookie在套用部署後無法儲存的問題

我使用React創建了一個前端應用程序，然後將其部署到Netlify上。前端應用程式與我創建並部署到Render上的express後端應用程式互動。前端和後端之間的任何互動都受到使用passportjs進行身份驗證的保護...

來自於 [React討論組] 2023-08-29 09:37:44 0  1  574

React Google Maps在使用StandaloneSearchBox元件時遇到了「載入」狀態的問題

我在我的ReactJS頁面上有一個頁面，我正在嘗試允許公司註冊我的網站並添加他們的位置，以便其他公司可以來租賃、購買等。如果可以的話，我還需要添加標記。我已經在我的頁面上放置了Google地圖，但是，我無法將搜尋列（St...

來自於 [React討論組] 2023-08-29 09:07:27 0  1  786

如何從建置下一個js中排除資料夾但仍從中讀取？

我有一個包含很多json檔案的資料夾。我想將其排除在建置之外，因為它會增加建置大小。但我還需要從這些文件中獲取數據，並且無法儲存在資料庫中。有什麼辦法可以實現這一點嗎？我嘗試在next.config.js中排除資料夾，但...

來自於 [React討論組] 2023-08-29 00:41:39 0  1  625

使用React中的按鈕點擊來改變文字的字體樣式

consttextBold=()=>{constbold_text=document.getElementsByClassName('.form-control');bold_text.style.fontStyl...

來自於 [React討論組] 2023-08-29 00:02:49 0  1  621

在 Lambda 中部署的 Spring Boot 拋出'statusCode”：502 Gateway timeout”

我將Springbootjar檔案（它具有lambda請求流處理程序）作為zip檔案上傳到AWSLambda。由於zip很大，我在S3中上傳並在AWS控制台中創建此Lambda函數時給出了該連結。正如我到處讀到的那樣，這...

來自於 [React討論組] 2023-08-28 23:12:36 0  1  858

使用ReactJS TypeScript MUI，利用useState設定TextField的值並為TextField新增onchange事件函數

我是一個新手，正在使用ReactJS和MUI開發，有一個ReactJSTypeScript與MuiText欄位表單。希望能夠使用useState方法來改變文字欄位的值。同時為文字欄位新增onchnage函數。我可以為普通...

來自於 [React討論組] 2023-08-28 21:44:31 0  1  566

將標題重寫為：將"SyntaxError: Cannot use import statement outside a module"翻譯成中文為"實時伺服器上運行時出現語法錯誤：無法在模組外部使用import語句"

//這是greet.js檔importReactfrom"react";functionGreet(){return(<div><h1>歡迎</h1></di...

來自於 [React討論組] 2023-08-28 20:10:06 0  1  703

優化React和React Query的資料查詢，僅在元件在視窗中時進行

我有一個使用React渲染帖子組件清單的頁面，對於每個帖子組件，我都會獲取與該帖子相關的評論，並使用ReactQuery庫將其顯示在內部。問題是，當使用者載入貼文頁面時，ReactQuery會一次載入所有貼文的所有評論，...

來自於 [React討論組] 2023-08-28 17:26:18 0  1  603

如何在visionOS上運行react-native

Apple剛剛發布了用於創建VisionPro應用程式的visionOSSDK。如何在AppleVisionPro上運行React-Native專案？

來自於 [React討論組] 2023-08-28 14:05:25 0  1  529

React應用程式中無法使用即時伺服器的原因是什麼？

我知道使用即時伺服器無法提供React應用程式。換句話說，即使將js捆綁並連結到HTML文件，如果您靜態地打開文件，React程式碼也不會渲染。我了解了靜態和動態伺服器，但由於React全部在客戶端上發生，我無法理解為什...

來自於 [React討論組] 2023-08-28 10:32:47 0  1  592

React Hook form與yup驗證：有效的表單驗證方法

我為我的ReactJS電子商務網站創建了一個立即購買元件。我面臨的問題是表單的驗證沒有完成。我使用了一個解析器，但它仍然沒有驗證我的表單。這是我的程式碼：importReact,{useEffect,useState}f...

來自於 [React討論組] 2023-08-28 10:04:56 0  1  527