使用散列在ReactJS / Javascript Es6中声明变量

Question

我想知道之间的区别：

const data = this.props.content;

和

const {data} = this.props.content;

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

有什么区别？

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

你基本上是通过将它从你放在右侧的东西中拉出来创建一个新变量。