![](/img/trans.png)
[英]Redux Toolkit: How to normalize group chat messages?
我有一組從服務器返回的消息,其中每個聊天消息都具有以下格式: export interface ChatMessage { _id: string | number; text: string; createdAt: Date | number; user: ChatUser; ...
[英]Redux Toolkit: How to normalize group chat messages?
我有一組從服務器返回的消息,其中每個聊天消息都具有以下格式: export interface ChatMessage { _id: string | number; text: string; createdAt: Date | number; user: ChatUser; ...
[英]How to 'extract' normalized data from redux store
在較早的問題中,我努力使用 normalizr 對數據進行規范化,以便存儲到我的 Redux 存儲中。 結果如下: https://stackoverflow.com/a/70519781/16303828 console.log(normalisedUsers) 的結果現在是: 現在的問題是:我 ...
[英]How is Normalizr used properly with 3 a merged Array of Objects?
我正試圖用 Normalizr 規范化我的 arrays 對象,但沒有得到正確或預期的結果。 這些是 3 個 arrays 對象: 和 和 我將它們與: 因此 console.log(users) 的結果是: 我已經編造了這個 normalizr 步驟: 現在我使用 console.log(nor ...
[英]Infinite loop with useEffect hook with useSelector
我的 React Native 應用程序中有一個標准化的 Redux 存儲。 我的減速機的結構是: 在我的組件中,我使用useSelector鈎子獲取 Redux 狀態的useSelector : useSelector的邏輯只是將byId對象轉換為數組。 當我將categories數 ...
[英]Normalize Deep nested data
我需要使用深度嵌套結構規范化 api 響應數據。 我正在使用這個https://github.com/paularmstrong/normalizr來規范化我的數據。 我有一個輸入數據 標准化后的預期輸出 請任何幫助 ...
[英]Normalizr with Redux with nested array of objects
我剛剛開始使用帶有 Redux 的 normalizr,但我無法讓它工作。 即使我可以用普通的 JavaScript 做到這一點。 我有一個對象數組 我需要將其轉換為 第 1 步:僅顯示orders 我所做的: 我得到了什么 我想要得到什么: 問題:如何從訂單中刪除一些字段並添加新字段? ...
[英]Should every React component have it's own slice, when using createEntityAdapter?
我正在使用帶有標准化數據的 Redux-tokit 的createSlice和createEntityAdapter 。 這是一個典型的博客應用程序(帖子、評論、用戶) - 實體通常,在使用createEntityAdapter之前,我會: 在postsSlice中獲取、規范化和存儲數據所以我的 ...
[英]Normalizr: normalize deep nested items
我有一組像這樣的數據 我正在嘗試擺脫所有父母數據並僅捕獲並合並像這樣的子項目: 但是在閱讀了normalizr文檔后,我有點困惑,因為我找不到這種例子,所以有人可以建議我用 normalizr 或任何更好的主意來制作嗎? 謝謝 ...
[英]Should you denormalize normalized Redux state before using it in React UI?
我最近開始使用 Normalizr 庫來規范化 API 對 Redux state 的響應,但我仍然感到困惑。 當使用標准化的 Redux state 進行 UI 渲染時,將其傳遞給組件需要額外的 id 道具,而僅定義道具會變得更加復雜 你應該在 React UI 中使用數據之前對數據進行非規范化 ...
[英]A better way to visualize API response normalized with “Normalizr”
我有這個標准化的 API 響應: 除了與JSON.stringify()一起使用的console.log()之外,還有什么更好的方法來可視化/記錄/調試(已經規范化或同時規范化)響應? ...
[英]How to normalize the data from the JSON with normalizr?
我對 normalizr 很陌生,還不能很好地理解它。 如何標准化以下 JSON 響應,使其可用於 Redux: 將數據 object 放在標准化 object 的頂層會很有用。 如何將其與 TypeScript 結合使用? 先感謝您。 ...
[英]Redux - Normalized nested data organization inside createSlice
我有一個從我的 API 返回的深度嵌套數據對象,它看起來像下面的 JSON。 我正在使用 Redux 工具包的createSlice來創建一段trip 所以目前在我的createSlice ,我想存儲一系列行程。 我還希望能夠更新單次旅行或部分旅行 例如,假設我想更新旅行項目的開始日期 ...
[英]Redux - immer vs normalizr
我過去使用過immer並且非常喜歡它。 它使使用 redux 變得輕而易舉。 我最近發現了normlizr ,它看起來也很棒。 兩者有什么區別? immer 是否提供與 normalizr 相同的標准化解決方案? 對於生產應用程序,兩者中的更好選擇是什么? 還是應該一起使用? ...
[英]Rename result property in normalizr
給定以下數據: 我將如何將其轉換為以下 object 使用規范化? 我不知道如何在返回的結果中將devices更改為deviceIds ... ...
[英]How to parse FractalTransformer with normalizr
我正在嘗試在 JSON 上使用 paularmstrong/normalizr,它來自 FractalTransformer,其嵌套子級具有“數據”屬性。 JSON 示例:{ "data": { "object": "Offer", "id": "5g6aqocew4qjzl ...
[英]add unseen logic to readonly state redux - react
我已經標准化的事件如下所示: 我在一個簡單的材料 ui 列表中顯示列表現在,當單擊按鈕時,列表中的任何新項目現在都“看不見”並且不應自動選擇我需要添加“看不見”:真/假。 到基本的標准化數據? 然后每次有新事件時發送更新? 所以它看起來像: 還是最好保留一個新的未見過事件列表? 我正在尋找一種更好的 ...
[英]Redux with normlizr : unshift data to normlizr object
我有一個 normlizr object 看起來像: 我有一個我標准化的新 object: 我想將該事件添加到列表頂部。 我怎么能用 redux && immer 做到這一點? state 中的結果將如下所示: 我的減速機: ...
[英]react + redux + normalizer: How to send conditional denormalized data?
例如,簡單的國家/地區選擇任務(兩個組合框) I select ' country ' 來自第一個 combobox 並將其 ID 保存在組件 state 中。 接下來,我必須為選定的國家/地區 ID 加載“區域”——以某種調度方法執行此操作。 它的一切工作完美。 好的,redux 存儲包含所有必 ...
[英]How to import normalize, schema function from normalizr node package outside of React in a plain javascript file or simple node project
關於將外部包函數導入到我的純 javascript 項目/文件中,我必須在這里遺漏一些非常基本的內容。 我有一個簡單的項目,我從npm init開始,然后安裝了normalizr包。 我必須運行以下類型的規范化代碼,當我在 React 組件中運行以下代碼時,這是完美的工作。 但是 import ...
[英]Reducer state is not being updated with the new object [redux, redux-toolkit, normalize]
有一個 DeliveryManifestView 組件。 它運行一個效果,發送一個 thunk。 thunk 從 api 獲取數據,然后使用normalizr對其進行normalizr 。 normalizedData被傳遞給redux-toolkit創建的動作。 並且reduce ...