在我的反應(yīng)應(yīng)用程序中,我有兩個組件(個人項目列表和隨機(jī)項目列表)。在我的隨機(jī)項目列表組件中,我可以單擊該項目并將其添加到我的個人項目列表組件中。但是,當(dāng)我這樣做時,它會將我的個人項目狀態(tài)中的其他項目替換為我剛剛添加的新項目。我只是想添加到我的個人物品列表中。//Update Items Listexport const updateItemsList = (data) => ({ type : UPDATE_ITEMS_LIST, payload: data});//Items List Reducerconst initialState = { items: [], loading: false};export default function(state = initialState, action){ switch(action.type){ case UPDATE_ITEMS_LIST: return{ ...state, items: action.payload, loading: false }; default: return state; }}//Select Item To Addexport const addItemToList = (itemId) => (dispatch, getState) =>{ const config = { headers:{ "Content-Type": "application/json" } }; axios.post(`/api/items/addItem/${itemId}`, {}, config) .then(res => { dispatch({ type: ADD_ITEM_SUCCESS, payload: res.data }) dispatch(updateItemsList(res.data, ...getState().itemsList.items)); }) .catch(err =>{ dispatch({type: ADD_ITEM_ERROR})); });};
Redux Reducer 狀態(tài)未正確更新
猛跑小豬
2023-12-14 16:39:09