Eckig was bedeutet drei Punkte in @NGRX

Question

was genau bedeutet diese drei Punkte und warum brauche ich sie?

export function leadReducer(state: Lead[]= [], action: Action { 
    switch(action.type){ 
     case ADD_LEAD: 
      return [...state, action.payload]; 
     case REMOVE_LEAD: 
      return state.filter(lead => lead.id !== action.payload.id) 
} 
} 

Answer 1

Die drei Punkte werden als spread operator von Maschinenschrift bekannt ist (ebenfalls von ES7).

Der Spread-Operator gibt alle Elemente eines Arrays zurück. Wie würden Sie jedes Element separat schreiben:

func(...args); 

dazu:

let myArr = [1, 2, 3]; 
return [1, 2, 3]; 
//is the same as: 
return [...myArr]; 

Dies ist meist nur syntaktischer Zucker, wie es dieses kompiliert

func.apply(null, args); 

In Ihrem Fall wird diese kompiliert dies:

return [...state, action.payload]; 
//gets compiled to this: 
return state.concat([action.payload]); 

Answer 2

Die ... (spread operator) arbeitet, indem jeder Wert aus dem Index zu indizieren 0 Rückkehr length-1: