我有以下 reducer :
const ListingReducer = (state={
fetched:false
},action) => {
if ( action.payload )
{
console.log("action.token",action.token);
console.log("action.payload.profiles",action.payload.profiles);
}
switch(action.type)
{
case 'SET_LISTING_DATA':
state = {
...state,
[action.token] : action.payload,
fetched : true
}
break;
case 'APPEND_LISTING_DATA':
// console.log("Previous state was: "state[action.token]);
state[action.token]
= {
...state[action.token],
profiles : [...state[action.token].profiles,...action.payload.profiles],
fetched : true
}
// console.log("Next state is: "+state[action.token]);
break;
}
return state;
}
Action :
- SET_LISTING_DATA:它将数据设置到 key
action.token
中,其中有一个名为profiles
的 key 。 - APPEND_LISTING_DATA:它将数据附加到状态的
profile
键中。
我可以在配置文件键中看到添加的配置文件,但它不会更新 View 。
配置文件位于:
state[action.token] ={name:y,data:xy,profiles:[id:x,{},{}],...}
最佳答案
看起来您需要更改 state[action.token]
但还要保留以前的状态数据,否则您将始终覆盖您的状态。
不过,直接更改/改变 state props 并不是一个好的做法。
case 'APPEND_LISTING_DATA':
return {
...state,
[action.token]: {
...state[action.token],
profiles: [
...state[action.token].profiles,
...action.payload.profiles,
],
fetched: true,
}
}
关于javascript - 在 redux reducer 中更改状态的内部键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47220483/