ES6 destructuring within a return statement
No, it's not possible.
(Disclaimer: your syntax works and does both destructuring and returning, but it is equivalent to
({ id, name, price } = newItem); // assigns global variables
return newItem;
which is probably not what you wanted)
To do what you want (which I assume is creating a new object), you need to use an object literal (potentially with shorthand property notation). See also One-liner to take some properties from object in ES 6:
const mapStateToProps = ({newItem: {id, name, price}}) => ({id, name, price});
In ES6 you can also do the following, if you want to pass all the newItem
keys
const mapStateToProps = ({ newItem }) => ({ ...newItem });
There is a way to do what you want without this repetition.
But this require the usage of forbidden js feature; and this isn't destructuring anymore.
So I would not recommend it at all.
const mapStateToProps = ({ newItem }) =>{
with (newItem) {
return { id, name, price };
}
}