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

Question

我想知道两者的区别：

const data = this.props.content;

和

const {data} = this.props.content;

我以前看过，但是一起声明了 3 或 4 个变量。但是我从来没有见过它只有 1 个变量。

有什么区别？

Answer 1

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

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

可以在这里找到关于解构的精彩文章：Some ES6+ features used in React development

Answer 2

在您的第一个示例中，您将 data 设置为 this.props.content。

你的第二个例子被称为解构，可以阅读更多here

您基本上是通过从右侧的内容中拉出一个新变量来创建一个新变量。

Use of hashes to declare a variable in ReactJS/Javascript Es6