在 Redux 中嘗試使用非異步代碼時出現“Actions must be plain objects”錯誤
[英]Getting a 'Actions must be plain objects' error when trying to work with non-async code in Redux
我使用來自 Redux 站點的這些文檔為我的 Redux state 管理創建了一個基本設置： https://redux.js.org/usage/usage-with-typescript 。 我的基本設置如下，基本上是從上面鏈接的 Redux 文檔復制而來的： 商店.ts storeHook ...
無法將多個減速器與 combineReducers 一起使用，在 state 上收到未知屬性警告
[英]Can't use multiple reducers with combineReducers, getting an unknown property warning on state
我的商店設置如下： 登錄縮減器/切片如下所示： 計數器減速器/切片如下所示： 現在的問題是我無法通過這種方式訪問這兩個減速器的值，這應該是正確的方式（也根據 Redux Devtools）： 做這樣的事情： ...返回undefined ，但嘗試執行state.counter.counterVal ...
如何使用通用異步 thunk 作為參數鍵入 function？
[英]How to type function with generic async thunk as parameter?
我無法獲得正確的類型以將異步 thunk 作為 function 的參數傳遞並傳播其 3 個關聯的泛型類型，以便在調用 function 時可以推斷出它們。 我在文檔中找不到任何關於如何處理這個問題的方法或解釋。 除了打字，下面的示例在應用程序中按預期工作（公司代碼，無法共享）。 我的具體用例是我 ...
在 redux 工具包中將存儲數據從一個切片訪問到另一個切片以在 API 中傳遞自定義參數
[英]access store data from one slice to another slice in redux toolkit to pass custom param in API
個人資料切片：import { createSlice, createAsyncThunk } from '@reduxjs/toolkit' import { IMAGE_API, ACCESS_KEY } from "../../app/utils/constant"; export cons ...
使用 redux-toolkit 改變 state 的任何技巧
[英]Any tips for mutating the state using redux-toolkit
我正在使用 redux-toolkit 和 React。 我知道基本的 redux（不使用 redux-toolkit）不允許改變原始 state。這就是為什么我選擇 redux-toolkit 來做到這一點。 但是，我不明白使用 redux-toolkit 來改變 state 的禁止方法是什么。 ...
extraReducers builder.addCase 被拒絕 state 未顯示 使用 Redux Thunk 與 Redux 工具包與 Typescript
[英]extraReducers builder.addCase rejected state not showing Using Redux Thunk With Redux Toolkit With Typescript
我正在嘗試使用 React 向端點發出 POST 請求。 在我的builder.addCase reducer 的 fulfilled state 上，生成了我的數據或在完成后返回給我，但是在我的builder.addCase reducer 的 rejected state 上，檢查我的 Red ...
useDispatch 不派發給 reducer
[英]useDispatch doesn't dispatch to the reducer
我正在嘗試將現有項目從createStore轉換為configureStore 。 商店.js：export default configureStore({ reducer: { articlesList: loadArticlesReducer } }); 家.js：cons ...
想了解react & redux
[英]Want to know about react & redux
React 和 redux 之間的基本區別是什么？ 反應和 redux 是一樣的嗎？ 為什么我們應該使用 redux？ 最后為什么叫react-redux呢？ 我想知道這一點，我只是混淆了這兩者。 ...
將 Object 作為 function 參數傳遞，但在 React 的 function 正文中未定義
[英]Passing Object as function parameter but getting undefined in function body in React
我用 react-form-hook package 編寫了 resetpasswordHandler 表單，並將數據 object 連同 resetToken（字符串）作為參數傳遞給 authSlice。 這是 authSlice 中的重置密碼代碼 如何將數據取回 createAyncThunk ...
使用 Redux 工具未顯示圖標更改
[英]Icon change not showing using Redux Tool
我這里的情況有兩個組成部分。 第一個組件有一個輸入字段，另一個組件顯示圖標和標題名稱。 我使用了 Redux 工具包，當輸入字段被寫入任何內容時，圖標會更改為另一個圖標。 問題是圖標沒有改變我不知道為什么會這樣，我想知道如何在組件中定義圖標，如下面的代碼所示。 輸入的第一個組件的代碼 圖標更改組件的 ...
如何從 react-redux 持久存儲中讀取和呈現數據
[英]How to read and render data from a react-redux persisted store
我正在嘗試將 React 存儲中的數據 output 放入組件中。 當頁面重新加載時，我正在使用 redux-persist 來維護整個站點的數據。 但是，我無法弄清楚如何將數據呈現到頁面上。 我嘗試在組件上使用來自 react-redux 的 { useSelector } 掛鈎，但這並沒有將數據 ...
等待 redux-toolkit 變量更新
[英]Wait for redux-toolkit variable to update
我想做的事： 我想在一個父組件中渲染 4 個組件。 它們的外觀和作用取決於設置。 可以使用 API 從后端檢索設置。 我是怎么做到的： 有一個 redux 商店處理 API 請求以獲取設置。 一旦數據被獲取（一次），獲取的數據就可以用於所有 4 個組件。 提取發生在呈現組件時。 我遇到的問題： 所有 ...
401 未經授權的反應 axios
[英]401 Unauthorized react axios
我正在嘗試使用 React、redux 工具包和 axios 進行電子商務，問題是我希望用戶登錄並在登錄后立即從后端獲取他的購物車它總是失敗，並且在我第一次登錄時說（未經授權）因為它找不到令牌然后在刷新后它再次說未經授權在第三次刷新后它工作這是我的購物車 這是我的登錄信息 function 這是我 ...
將數據從一個組件發送到一個切片並接收一個未定義的參數，即使在組件中它被發送得很好
[英]Sending data from a component to a slice and receiving one parameter as undefined even though in the component it is being sent just fine
我是 redux 工具包的新手。 我有一個登錄組件，我從那里向用戶切片發送 email 和密碼。 從那里我通過 axios 發出發帖請求。問題是我收到 email 但密碼未定義。 即使當我在組件中進行控制台登錄時，我也可以看到密碼是正確的。 我在 userSlice 的 loginUser func ...
如何解決錯誤：無法分配給 object 'SyntaxError' 的只讀屬性 'message'？ 反應
[英]How resolve the error: Cannot assign to read only property 'message' of object 'SyntaxError? React
我正在嘗試在 codesandbox 中編寫代碼，但出現錯誤。 我必須通過三元組進行檢查。 為了解決這個問題，我使用了三元組？ 並且：我做錯了什么嗎？ 有人可以幫助我嗎？ 有錯誤的組件 代碼沙盒 ...
在 React 項目上工作並在 TS 上出錯
[英]Working on a React project and getting error on TS
我正在做一個反應項目，我是 TS 的新手。 下面是我的代碼 - INITIAL_DATA 看起來像這樣 - 我正在這樣設置我的 setRows - 我在這里收到 TS 錯誤 - 不知道我在這里錯過了什么。 ...
獲取 payload 中的當前 state
[英]Get current state inside the payload
在react中，如果我們要根據state內部設置的屬性進行計算，我們可以這樣寫setState ：const [counter, setCounter] = useState(5) // instead of this: // setCounter(counter + 1) // you can ...
如何使用 RTK 查詢的 'upsertQueryData' 添加新條目到緩存？
[英]How to use RTK Query's 'upsertQueryData' to add a new entry to the cache?
我有一個使用 Redux 工具包的“RTK 查詢”數據獲取功能的 GraphQL 查詢設置。 在與此查詢相關的突變之后，我想將突變返回的數據添加到緩存中，而無需再次向服務器調用查詢。 為此，我使用了 API 切片實用程序中的 thunk 動作創建upsertQueryData 。 （ 參考文檔） ...
Redux - 當前處理商店中的日期類型
[英]Redux - handling date types in store currectly
在我們正在進行的項目中，我們有一個包含日期的通用界面。 當我們將 redux 添加到項目中時，我們遇到了一個問題，當我們在內部存儲包含日期的對象時收到警告A non serialized value was detected in the state... 所以我們更新了我們的代碼，在 reduce ...
如何使用 Typescript 不可變地更新 Redux state 數組
[英]How can I update Redux state array immutably using Typescript
我正在嘗試通過做一些像 Todo-List 應用程序這樣簡單的事情來學習 Typescript。 問題是我無法在我創建的切片中更新 Redux state 數組。（或者更像是我不知道該怎么做） 這是我的主要組件Todolist.tsx ： 這是我的切片組件todoSlice.ts ： 我從谷歌嘗試了 ...