在項目中,道具的狀態使用 redux (redux-toolkit) 進行全局管理。因此,如果我執行一個修改它們的操作,這應該會修改全局狀態,并且如果我沒有弄錯的話,就會在其余選項卡中采用。事實證明,只有當我刷新每個選項卡時,它才會接受道具中的更改,而不是“自動”更改,這可能是什么原因造成的??我最好描述它是如何發生的:例如,我打開了 2 個選項卡,一個用于將商品添加到購物車,另一個用于添加購物車。如果我的購物車中有 2 件商品,我從此處刪除了它們,然后我從商品選項卡中添加了另一件商品,碰巧在其中沒有注冊商品已被刪除,在我看來好像我已經添加了第三項。如果我去車上刷新,我會得到 3 個我刪除的“已再次添加”的項目。如果我現在從購物車中刪除這 3 個,我返回到前一個并刷新,它們就被刪除了,能夠從 0 添加文章。我還認為 reducer 可能是錯誤的,因為如果我執行“addItem”操作,它應該直接修改 prop 的當前狀態,但我在這里看不到錯誤。不管怎樣,發生了我之前描述的事情。這是我的減速器切片:// cart slice:import { createSlice } from '@reduxjs/toolkit' export const initialState = { items: [], countItems: 0, } const cartSlice = createSlice({ name: 'cart', initialState, reducers: { addItem: (state, action) => { const product = action.payload const itemExists = state.items.find((item) => product.id === item.id) if (itemExists) { itemExists.quantity += 1 } else { const newProduct = { ...product, ...{ quantity: 1 } } state.items.push(newProduct) } state.countItems += 1 }, removeItem: (state, action) => { const product = action.payload state.items = state.items.filter((item) => product.id !== item.id) state.countItems -= product.quantity }, },}) export const { addItem, removeItem,} = cartSlice.actionsexport const cartSelector = (state) => state.cartexport default cartSlice.reducer我很想知道我在哪里可以找到錯誤的任何建議或提示,在此先感謝!
Redux:道具的全局狀態它不會在選項卡之間更新
HUWWW
2022-12-22 14:42:57