renderHook中waitForNextUpdate的替代方案

我已經更新了Testing-library，但我在這種情況下很難找到waitForNextUpdate的替代方法（在react-testing-libraryv13中不再可用https://github.com/test...

來自於 [React討論組] 2023-09-22 11:40:09 0  1  950

使用React.StrictMode和fabric.js的Canvas實例進行重渲染

我正在創建一個織物畫布和按鈕，這些按鈕實例化的形狀應該是可選的。我不明白為什麼在以下情況下我的元件會被重新渲染兩次。因此，我的織物形狀無法選擇。然而，當我從我的index.tsx檔案中移除時，渲染只會發生一次，我的形狀是...

來自於 [React討論組] 2023-09-21 23:48:52 0  1  858

在React Flatpickr中取得按鈕點擊的值

我在React中有一個元件，並附加了react-flatpicker來取得日期值。然而，在我使用useRef之後，它顯示值為“可能為空”，是的，在console.log之後，結果是相同的：<Flatpickrref...

來自於 [React討論組] 2023-09-21 19:58:03 0  1  626

使用react-router-dom建立安全路由

如何使用react-router-dom建立一個受保護的路由，並將回應儲存在localStorage中，以便用戶下次開啟時可以再次查看其詳細資訊。登入後，應重定向到儀表板頁面。所有功能都新增在ContextApi。 Co...

來自於 [React討論組] 2023-09-21 15:38:12 0  2  612

ReactJS中的useState在更新物件時不起作用

我有以下的身份驗證上下文提供者。在使用者成功認證後，我設定了一些令牌值importaxiosfrom"axios";import{createContext,useContext,useState}f...

來自於 [React討論組] 2023-09-21 12:44:16 0  1  654

使用Jest進行測試時，只有在資料路由器中使用useLoaderData才會出現這個標題

使用ReactRouterv6.14.2，我已經完成了設定瀏覽器路由的所有步驟index.jsxconstrouter=createBrowserRouter([{path:"/",element:&...

來自於 [React討論組] 2023-09-21 11:51:20 0  1  554

當嘗試使用取得的資料更新狀態時，Console.log傳回'undefined'

當我在渲染時或某些依賴項改變時獲取資料時，它會正確地更新到Reduxstore中，但是當我使用console.log時，它會顯示'undeifined'。我正在開發預訂系統，希望在指定的日期上獲取已預訂的小時數///在組...

來自於 [React討論組] 2023-09-21 09:52:52 0  1  613

在專案之間共用React元件

概念問題。我有兩個在兩個不同的React服務上運行的專案。許多組件可以在這兩個項目之間共用。我應該如何設置，以便我可以擁有一個「即時」的共享組件項目，並且多個項目可以即時使用這些組件。透過搜索，我了解到可以透過npm套件...

來自於 [React討論組] 2023-09-21 00:01:52 0  1  667

在返回語句中使用內聯JSX渲染時，檢索元素的寬度

我有一個元素，我想計算它的寬度，然後迭代多少次，以至少佔滿視口的寬度。問題是，我無法透過我正在使用的行內JSX渲染樣式來取得寬度。即使我將其設為依賴項，我在useEffect中仍然會得到refWidth為空的錯誤。有沒有...

來自於 [React討論組] 2023-09-20 22:00:52 0  1  715

UseEffect觸發的無限API調用

我建構了一個MERN項目，其中元件FrindListWidget在2個條件下被呼叫。如果是使用者自己的朋友列表，則會渲染該小工具，並且Reduxuser.friends中的狀態也會更新。如果是其他用戶，則僅渲染小工具。 ...

來自於 [React討論組] 2023-09-20 20:50:56 0  1  529

使用自己建立的<Tab/>元件時，與"&.Mui-selected"狀態有問題

我創建了一個自訂的<Tab/>，我想透過使用以下程式碼來控制它的選取顏色：沙盒演示程式碼exportconstTab=styled(MuiTab)({"&.Mui-selected"...

來自於 [React討論組] 2023-09-20 19:56:31 0  1  556

錯誤：無法在React模組之外使用import語句

我剛開始學習React。我按照https://react.dev/learn/add-react-to-an-existing-project上的入門指南進行了步驟，但我一直遇到錯誤：無法在模組外部使用import語句。...

來自於 [React討論組] 2023-09-20 12:45:39 0  1  579

Redux 狀態無法正確存取後端 (mySQL) 數據

我在後端（mySQL）和前端之間渲染資料時遇到了問題。我已經在reduxdevtools和控制台日誌中進行了調試，但仍然找不到原因。數據在控制台日誌中正確獲取，但當我記錄我的狀態時，它只是空的。在reduxdevtool...

來自於 [React討論組] 2023-09-20 10:40:44 0  1  601

根據使用者輸入從資料集中篩選資料的問題

以下是我迄今為止嘗試過的概述：我有一個searchInput元素，用戶可以在其中輸入他們的搜尋查詢。當searchInput的值改變時，我使用一個函數來處理篩選過程。篩選函數循環遍歷資料集，並將每個項目與searchIn...

來自於 [React討論組] 2023-09-20 09:37:52 0  1  692

Axios GET 請求被前端中的某些內容修改

在這個動作中，我在URL「api/media/action」上有一個基本的GET回應exportconstlistWorks=async(dispatch)=>{try{dispatch({type:WORK_LI...

來自於 [React討論組] 2023-09-20 08:39:45 0  1  610