React.js：為什麼使用它時從 .env 檔案存取我的 API 金鑰需要 REACT_APP 前綴？ IE。 (process.env.REACT_APP_API_KEY)

根據我的理解，.env檔案應該保存帶有REACT_APP前綴的API金鑰，後面跟著其名稱，並且要使用該變量，我們必須省略REACT_APP前綴，但我注意到在某些情況下有不同的行為。我在.env檔案中設定環境變量，如下所示...

來自於 [React討論組] 2023-09-03 10:01:01 0  1  632

React - 使用useMemo()仍然會導致鍵盤輸入速度減慢

我有這樣的程式碼，其中有很多輸入框，每個輸入框都用於修改一個價格值。由於輸入框的數量很多（每個區域有3個價格，每個價格有3個定價），為了避免每次重新渲染所有內容，我在更新輸入框值的函數上使用了useMemo，並且除此之外...

來自於 [React討論組] 2023-09-03 17:16:59 0  1  631

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

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

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

如何使React元件能夠記錄右鍵點擊的變量，需要雙擊才能實現

我在我的專案中遇到了一個React組件的問題，當我在導航過程中需要點擊兩次才能正確記錄右鍵點擊的變數。以下是問題的詳細資訊和我的程式碼：我有一個React元件，表示課程課程導航系統。當我在導航選單中點擊一個課程時，它應該...

來自於 [React討論組] 2023-08-15 22:46:56 0  1  631

處理Firebase登入後的重定向在React中的實現

我正在嘗試在我的React應用程式中使用Firebase身份驗證實作登入功能。我能夠成功地使用電子郵件和密碼對使用者進行身份驗證，但是我無法正確處理使用者登入後重定向到主頁。這是我的登入表單元件：import{useSt...

來自於 [React討論組] 2023-09-02 15:12:02 0  1  630

Material UI Datagrid 連結列停止 onRowClicked

我正在使用MaterialUIDatagrid來顯示一些資料。其中一列顯示一個鏈接，可在另一個選項卡中開啟URL。在單擊的行上，我想導航到另一個頁面，但在單擊連結時我不想導航到另一個頁面。我可以簡單地停用連結整個單元格上...

來自於 [React討論組] 2023-09-16 19:17:00 0  1  629

在 NextJS 中使用 Next-Auth 時不間斷重新渲染

這是我的「/app/api/auth/[...nextauth]/route.js」importNextAuthfrom"next-auth/next";importGoogleProviderfro...

來自於 [React討論組] 2023-09-05 11:08:49 0  1  629

項目一直運作良好，但突然出現了這個錯誤Uncaught SyntaxError: ambiguous indirect export: getFirestore，原因不明

我的專案使用Firebase作為後端，這是設定檔：import{initializeApp}from"firebase/app";import{getAuth}from"firebase/a...

來自於 [React討論組] 2023-09-04 22:24:44 0  1  629

如何在React Query的useQuery函數中傳遞參數給函數，當enabled設定為false？

我正在創建一個查詢，允許我複製一個模板。複製模板的查詢需要一個id，但最初沒有任何id。當我在onClick函數中呼叫它時，我該如何將id作為參數傳遞給查詢函數。複製模板的函數：duplicate:({queryKey:...

來自於 [React討論組] 2023-08-26 19:27:17 0  1  629

嵌套的Promise執行順序

我正在閱讀關於嵌套promise的內容，並在教程中遇到了這個編碼挑戰。有人能解釋一下這段程式碼的執行順序嗎？ newPromise((resolve)=>{newPromise((res)=>{console...

來自於 [React討論組] 2023-08-16 19:20:33 0  2  629

在將NextJS應用程式部署到Vercel時發生錯誤。

嗨，大家好！我正在嘗試將NextJS應用程式部署到Vercel，但是不斷出現以下非常煩人的錯誤，儘管我在專案根目錄下有一個app和pages資料夾。我嘗試在Google上找到解決辦法，但是沒有找到與我相同的情況。

來自於 [React討論組] 2023-07-27 19:05:19 0  1  629

React：搜尋建議彈出視窗保持開啟狀態

我正在嘗試建立一個輸入框，用戶將在其中輸入內容，根據輸入內容，在輸入框下方會出現建議彈出窗口，顯示建議內容。在我的程式碼中，建議內容顯示得很好，但當我輸入更多內容時，先前的彈出視窗不會關閉。 returnsetValue...

來自於 [React討論組] 2023-09-16 22:22:09 0  1  628

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

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

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

了解React中useCallback的依賴項快取和引用

useCallback鉤子只緩存函數引用還是也緩存函數本身的值/結果？另外，在依賴陣列中使用ref是否真的產生任何效果，例如元件的ref？如果沒有，那麼有沒有辦法確保ref值的變更有適當的效果？我原以為只有函數參考會被緩...

來自於 [React討論組] 2023-08-15 19:29:37 0  1  627

React hook 表單欄位數組驗證不起作用

我有一個字段數組，其中有一個輸入字段，我為其設置了一些驗證規則，例如required和minLength。我希望在附加新字段時立即驗證該字段。但是，這種情況並沒有發生，即使我附加空白字段，這些輸入字段的錯誤仍然未定義：f...

來自於 [React討論組] 2023-12-06 19:41:46 0  1  626