在 Redux 的化简器中获取以前和当前状态



我开始学习Redux。在我的应用程序中,我有一个按钮。我把这个btn推进去,得到一个物体。本文将收益目标对准action.payload中的减幅器。每次按下按钮时,对象都会发生变化。如何在reducer中保存以前的所有状态,并添加当前状态?制作这样的东西:

if (action.type === "ADD_ITEM") {
return {
items: [all previous state, + current state],
};
}

减速机中的所有代码

const initialState = {
items: [],
};
const basket = (state = initialState, action) => {
if (action.type === "ADD_ITEM") {
return {
items: [action.data],
};
}
return state;
};
export default basket;

如果您想新数据附加到数组中,您可以浅层复制现有的状态数组并将新数据添加到末尾。

const initialState = {
items: [],
};
const basket = (state = initialState, action) => {
if (action.type === "ADD_ITEM") {
return {
...state,         // shallow copy existing state
items: [
...state.items, // shallow copy existing items
action.data,    // append new data
],
};
}
return state;
};

您可以在更新前访问prev值(并保存它(,正如您所知,您可以使用操作更新它

相关内容

  • 没有找到相关文章

最新更新