如何从ngrx存储中删除所有数据？

Posted 2023-03-13

【中文标题】如何从ngrx存储中删除所有数据？

【英文标题】：how to remove all data from ngrx store?

【发布时间】：2018-05-02 19:56:44

【问题描述】：

我有一个包含数据数组的状态。完成某些操作后，我需要从该数组中删除所有数据。我使用 Angular 2。

const intialState: State =    
    someData: new Array<someData>()
;

export function stateReducer(state = intialState, action: StateActionList.StateActionList) 
    switch (action.type) 
    case StateActionList.REMOVE_DATA:
            console.log(state.someData);
            return 
                ...state,
                someData: new Array<someData>()
            
        

在我的组件中，我有以下代码：

this.store.dispatch(new StateActions.RemoveData());

在状态动作中：

export const REMOVE_DATA="REMOVE_DATA";
export class RemoveData implements Action 
    readonly type=REMOVE_DATA;

该代码不会为我返回从商店清除的数组 someData。该数组包含与之前相同的数据

【问题讨论】：

问题是什么？

此代码不起作用，存储不返回已清理的数组

状态转换是否执行？新状态的 someData 属性是否有一个空数组？

action 被调度时你在哪里设置 store 为空？

我不明白为什么总是使用所有这些动作创建器来使事情复杂化。只需检查 action.type=='certain action string' 和 dispatch(type:'action',payload:foo)

，事情就会变得非常简单

【参考方案1】：

尝试显式返回一个空数组作为新状态：

case StateActionList.REMOVE_DATA:: 
  return 
    someData: []
  ;

【参考方案2】：

这看起来有点可疑

someData: new Array<someData>()

someData是变量名和类型？

见Declare an array in TypeScript

let arr1: boolean[] = [];
let arr2: boolean[] = new Array();
let arr3: boolean[] = Array();

let arr4: Array<boolean> = [];
let arr5: Array<boolean> = new Array();
let arr6: Array<boolean> = Array();

let arr7 = [] as boolean[];
let arr8 = new Array() as Array<boolean>;
let arr9 = Array() as boolean[];

let arr10 = <boolean[]> [];
let arr11 = <Array<boolean>> new Array();
let arr12 = <boolean[]> Array();

const state =    
  someData: new Array()
;

console.log('empty', state.someData)
state.someData.push('a')
console.log('contains "a"', state.someData) 

const remove = () =>  
  console.log('constians "a"', state.someData);
  return 
    ...state,
    someData: new Array()
  


const newState = remove()
console.log('empty', newState.someData)