Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:合并动态对象';将值转换为另一个对象';s数组_Javascript_Reactjs_React Redux - Fatal编程技术网

Javascript:合并动态对象';将值转换为另一个对象';s数组

Javascript:合并动态对象';将值转换为另一个对象';s数组,javascript,reactjs,react-redux,Javascript,Reactjs,React Redux,在React/Redux中,我有一个动态对象(action.payload): 我需要将其合并到嵌套对象(redux): 我尝试过这个,但它似乎正在与仍在维护的“过滤器”合并: return { ...state, filters: Object.assign({}, state.filters, action.payload) } 我希望阵列合并并得到如下结果: { filters: { ships: ['Star'], cars: ['Ford', 'Ferra

在React/Redux中,我有一个动态对象(action.payload):

我需要将其合并到嵌套对象(redux):

我尝试过这个,但它似乎正在与仍在维护的“过滤器”合并:

return {
  ...state,
  filters: Object.assign({}, state.filters, action.payload)
}
我希望阵列合并并得到如下结果:

{
  filters: {
    ships: ['Star'],
    cars: ['Ford', 'Ferrari']
    airplanes: ['Boeing']
  }
}
您可以尝试以下方法:

return{
...state,
filters: {...state.filters, 
cars: [...state.filters.cars, action.payload.cars], 
ships: [...state.filters.ships, action.payload.ships], 
airplanes: [...state.filters.airplanes, action.payload.airplanes]}
 }
您可以尝试以下方法:

return{
...state,
filters: {...state.filters, 
cars: [...state.filters.cars, action.payload.cars], 
ships: [...state.filters.ships, action.payload.ships], 
airplanes: [...state.filters.airplanes, action.payload.airplanes]}
 }

“汽车”也是动态的。这意味着应用程序可能会通过“汽车”、“轮船”或“飞机”,您是否可以将有效负载改为使用阵列,并确保未使用的是空阵列?如果是这样,你可以使用[…state.filters.cars,…action.payload.cars]等等,“car”也是动态的。这意味着应用程序可能会通过“汽车”、“轮船”或“飞机”,您是否可以将有效负载改为使用阵列,并确保未使用的是空阵列?如果是这样,您可以使用[…state.filters.cars,…action.payload.cars]等。
return{
...state,
filters: {...state.filters, 
cars: [...state.filters.cars, action.payload.cars], 
ships: [...state.filters.ships, action.payload.ships], 
airplanes: [...state.filters.airplanes, action.payload.airplanes]}
 }