透過 onAuthStateChanged 在 Firebase 中查詢包含陣列的使用者資料時遇到無限循環問題

我的目前環境是ReactJS18.2.0，使用Firebase10運行。我目前遇到的問題是使用onAuthStateChanged在使用者載入或登入頁面時查詢有關使用者的資料。以下是一個用於處理FirebaseAuth的...

來自於 [React討論組] 2023-08-18 15:16:51 0  1  415

標題重寫為：無論如何，我都無法從我的陣列中取得一個值

我正在嘗試在我的React組件中顯示來自數組的資料。我可以在瀏覽器開發者控制台中透過console.log()看到我需要的資料：FinalRecords.js::recordTitle:(4)0:{members:Arr...

來自於 [React討論組] 2023-08-18 15:22:01 0  1  594

使用useEffect來保持背景顏色狀態的技巧

我正在嘗試保存願望單切換按鈕的背景顏色，以便當用戶跨頁面時，按鈕的顏色保持為“黑色”，以向用戶顯示他們已經將該物品保存到願望單中。 constItem=(props)=>{constdispatch=useDisp...

來自於 [React討論組] 2023-08-18 15:08:53 0  1  498

useCallback如何幫助程式碼運行更快？

所以據說，useCallback可以快取一個函數，我認為意圖是為了讓程式碼運行更快。例如，如果我有：consthandleChange=(ev)=>{setMsg(ev.target.value);};我也可以將其...

來自於 [React討論組] 2023-08-18 10:02:15 0  1  491

如何在React JS和Lenis平滑滾動中切換螢幕時滾動回頂部

我正在使用lenis來實現平滑滾動，並且我有一個ScrollToTop.js文件，我在我的App.js中使用它。當頁面沒有滾動時，它運行得很好，但是當我點擊一個按鈕，將我帶到另一個頁面時，“平滑滾動”正在發生時，scro...

來自於 [React討論組] 2023-08-18 09:58:58 0  1  640

使用Reactjs時如何設定Cross-Origin-Opener-Policy

如何解決在我的React應用程式中出現的「Cross-Origin-Opener-Policy策略將阻止window.closed呼叫」的錯誤？這個錯誤似乎與伺服器上設定的Cross-Origin-Opener-Poli...

來自於 [React討論組] 2023-08-18 09:41:51 0  1  602

始終使用401 res在OpenWeather()中 - react-open-weather庫

我想在我的React應用程式中新增天氣小工具，我嘗試使用React-Open-Weather庫。但是取得資料的函數useOpenWeather()總是回傳401，我透過將它放在react-open-weather文件中提...

來自於 [React討論組] 2023-08-18 09:24:49 0  1  505

修改類別後，瀏覽器中的TailwindCSS未更新

我正在使用React運行Tailwind，但為了看到我對classNames所做的更改，我必須重新啟動伺服器並再次運行npmrunstart才能看到更新。有沒有什麼我需要在我的腳本中更改的地方，這樣瀏覽器就不需要重新啟動...

來自於 [React討論組] 2023-08-18 09:24:44 0  1  487

如何在ReactJS中每隔5秒顯示一則訊息

我有一個訊息數組，我想在我的React頁面的Header元件中顯示該數組中的每個訊息。 constarray=['a','b','c','d'];我想在一個標籤中顯示每個訊息，同時我需要一個清除超時函數，以防止每次點擊後...

來自於 [React討論組] 2023-08-18 09:19:37 0  1  478

我可以在基於遊標的分頁中使用頁面項目嗎？

我可以在基於遊標的分頁中使用頁面項目嗎？例如，是否可以直接存取特定頁面。例如，如果要求直接跳到第五頁，可以這樣做，因為頁面本身沒有明確編號。

來自於 [React討論組] 2023-08-17 22:12:25 0  1  496

使用物件數組時，連接 yup 和 react-hook-form 的名稱

我正在嘗試透過register將react-hook-form與yup的模式連接起來，但遇到了一個錯誤。我的目標是傳遞一個類似於exampleArray${index}.exampleProp的名稱，因為我將在循環中渲染...

來自於 [React討論組] 2023-08-17 21:56:44 0  1  470

如何將React應用程式嵌入WordPress區塊中，以供最終用戶渲染？

我想在WordPress區塊中嵌入我的React應用程序，並為最終用戶提供此應用程式。我的期望是我可以把我的應用程式放在view.js中，但是我無法使view.js的內容渲染出來。我可以透過edit.js中的Edit()...

來自於 [React討論組] 2023-08-17 21:15:10 0  1  452

嵌入式按鈕在連結中，如何停止onClick連結的連鎖效應

我有類似下面範例的程式碼。我正在嘗試創建一個可點擊的網格單元格，將用戶發送到一個URL，但是當點擊嵌入的圖像按鈕時，我只希望觸發onClick事件，而不是其他事件，是否有可能做到這樣？我嘗試添加一個stopPropaga...

來自於 [React討論組] 2023-08-17 21:31:04 0  1  433

PDF.js無法顯示渲染的畫布影像

我有一個顯示PDF的React組件。當我使用這個組件時，我只需要傳遞PDF的URL。組件處理預覽的細節。我遇到的問題是這個組件不顯示PDF。我是否遺漏了什麼？我該怎麼做來解決這個問題？以下是一個示範：const{Stri...

來自於 [React討論組] 2023-08-17 20:02:20 0  1  585

在ReactJS中，如何從一個單獨的檔案更新useState的值？

我正在嘗試從兩個不同的檔案中存取和更新物件的狀態，如果我為每個檔案使用本地的useState，那麼我可以更改它，但這樣不起作用，我嘗試了許多不同的解決方案，使用自訂鉤子和本地狀態，但沒有一個解決我的問題，我在這個問題上卡...

來自於 [React討論組] 2023-08-17 19:46:21 0  1  561