在ReactJS/Javascript Es6中使用哈希声明变量

我想知道以下两者之间的区别：

const data = this.props.content;

及

我以前见过它，但同时声明了3或4个变量。然而，我从来没有见过它只有一个变量

---

区别是什么？

对变量使用相同的名称是一个语法优势。它利用了ES6的解构功能。我相信你列出的例子应该稍加修改，这说明了你的问题，希望能回答你的问题

const data = this.props.content; // is exactly the same as
const {content} = this.props;

---

在这里可以找到一个很好的解构说明：

在第一个示例中，您将

数据设置为
this.props.content

您的第二个示例称为destructuring，可以阅读更多内容

您基本上是通过从右侧放置的变量中拉出来创建一个新变量。
在第一种情况下，您分配给
数据
.content
，在第二种情况下，您从
.content
获取
数据
属性，并将其分配给变量
数据
——它相当于
常量数据=this.props.content.dataconst{content}=this.props
相当于
const content=this.props.content
，对吗？是的，你是对的不，不完全一样。第一行定义了一个名为
data
的变量，第二行定义了一个名为
content
的变量。
const data = this.props.content; // is exactly the same as
const {content} = this.props;