javascript - 没有赋值运算符的变量名周围的花括号是什么意思

This question already has answers here:

What is JavaScript shorthand property? [duplicate]
                                
                                    （3个答案）
                                
                        
                3年前关闭。
            
        

我正在学习如何使用Redux和React，并在Redux购物车示例项目中找到了几段代码：

在actions / index.js模块中：

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

并在ProductContainer模块中：

import { addToCart } from '../actions'

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

我不了解{addToCart}构造的含义。它看起来有点像是在破坏结构，却没有操作员的麻烦。有人可以指出我的意思吗，什么时候需要使用这种语法？

最佳答案

{ addToCart }是{ addToCart: addToCart }的简写

关于javascript - 没有赋值运算符的变量名周围的花括号是什么意思，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41173614/