ES6 Objektzuordnung Vereinfachung

Question

I habe den folgenden Code (gut funktioniert)

const action = { 
    type: types.CHANGE_ADMIN_USER_PASSWORD, 
    password: initialState.admin.editUserPassword.password, 
    confirm: initialState.admin.editUserPassword.confirmPassword, 
    ...input 
}; 

wo input{ password: 'hello' } oder { confirm: 'world' } ist. Der Wert kann unterschiedlich sein, aber nur ein Schlüssel ist vorhanden.

Frage: Gibt es eine Möglichkeit, den Code zu vereinfachen? zum Beispiel möchte ich initialState.admin.editUserPassword nur einmal haben. UPD: initialState.admin.editUserPassword hat mehr als zwei Eigenschaften, daher kann ich dieses Objekt nicht in action aufnehmen.

Answer 1

Der einfachste Weg destructuring wäre und nicht umbenennen confirmPassword zu confirm Sie können sogar Folgendes tun:

const action = { 
    type: types.CHANGE_ADMIN_USER_PASSWORD, 
    ...initialState.admin.editUserPassword, 
    ...input 
}; 

Answer 2

Sie Zerstörung über diesen Code verwenden können:

const { password, confirmPassword } = initialState.admin.editUserPassword; 

const action = { 
    type: types.CHANGE_ADMIN_USER_PASSWORD, 
    password, 
    confirm: confirmPassword, 
    ...input 
}; 

Wenn das verschachtelte Objekt (initialState.admin.editUserPassword) nur die beiden Felder hat (password, confirmPassword):

const {password, confirmPassword} = initialState.admin.editUserPassword; 
const action = { 
    type: types.CHANGE_ADMIN_USER_PASSWORD, 
    password: password, 
    confirm: confirmPassword, 
    ...input 
}