What do the curly braces around variable name without assignment operator mean

Question

I'm learning how to use Redux and React and found a couple pieces of code in the Redux shopping cart example project:

In the actions/index.js module:

export const addToCart = productId => (dispatch, getState) => {
   if (getState().products.byId[productId].inventory > 0) {
    dispatch(addToCartUnsafe(productId))
  }
}

And in ProductContainer module:

import { addToCart } from '../actions'

export default connect(
  mapStateToProps,
  { addToCart }
)(ProductsContainer)

I don't understand what the { addToCart } construct means. It looks a little like destructuring but without assinging operator. Can someone point me at what is it and when do we need to use such syntax?

Which of the two are you referring to? – Bergi Dec 15 '16 at 23:13 — Bergi, Dec 15 '16 at 23:13
Oh, sorry for the ambiguity, I meant the latter one. – AndreyKo Dec 16 '16 at 08:32 — AndreyKo, Dec 16 '16 at 08:32

score 5 · Accepted Answer · answered Dec 15 '16 at 21:29

5

{ addToCart } is shortHand for { addToCart: addToCart }

answered Dec 15 '16 at 21:29

manonthemat

6,101
1
24
49

Thanks for the quick answer, where can I read about it? – AndreyKo Dec 15 '16 at 21:36
See "Property definitions" in https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer – manonthemat Dec 15 '16 at 21:37

What do the curly braces around variable name without assignment operator mean

1 Answers1