React object manipulation with ES6 spread

Question

Is there a nicer way to do this?:

const {
  valueA,
  valueB,
  valueC,
  valueD,
  valueE,
  valueF
} = this.state;

const newObjectWrapper = {
  valueA,
  valueB,
  valueC,
  valueD,
  valueE,
  valueF
};

dispatch(setNewValues(newObjectWrapper));

I'm trying to de-structure some of the items in state(not all of them, which is annoying otherwise I could just pass state) and then place them inside a new object so I can group them up before adding them to a store. Is there a nice shorter way to do this?

See also https://stackoverflow.com/questions/25553910/one-liner-to-take-some-properties-from-object-in-es-6 — Estus Flask, Dec 14 '17 at 10:50

score 0 · Answer 1 · answered Dec 14 '17 at 10:51

Source

function whois({ displayName, fullName: {firstName: name} }) {
  console.log(displayName + ' is ' + name);
}

var user = { 
  id: 42, 
  displayName: 'jdoe',
  fullName: { 
      firstName: 'John',
      lastName: 'Doe'
  }
};

whois(user); // "jdoe is John"

React object manipulation with ES6 spread

1 Answers1