两个箭头函数返回之间的差异

Question

在react arrow函数中，返回正文用括号括起来

  this.setState((state)=>({
    count:state.count+1
  }))

但是在正常功能中，我们用大括号包裹了返回正文

   this.setState((state)=>{
    count:state.count+1
  })

谁能告诉我函数的两个返回体之间有什么区别

Answer 1

第二种表示法是用主体声明arroz函数的经典表示法。顺便说一句，该片段必须修改，因为它不能按原样工作。这是等效的工作方式：

this.setState((state)=>{
  return {
    count:state.count+1
  }
})

该函数创建并返回一个对象。

当要返回的值直接用于计算时，第一种表示法是为了方便使用。

this.setState((state)=>({ count:state.count+1 }))

返回的对象周围的括号是必要的，以指示以下花括号定义了一个对象而不是函数的主体。