这些反应钩子语句有什么区别？ [复制]

Question

这个问题在这里已经有了答案：

分配左侧的 Javascript object 括号表示法（{ Navigation } =） （5 个答案）

昨天关门。

这两者有什么区别？ 他们是一样的吗？ 有没有与指针相关的想法？ 请帮忙谢谢，（我找不到任何相关主题。这与解构分配无关。请不要关闭我的帖子）

const items = this.state.items <br>
const {items} = this.state

Answer 1

首先是常规变量赋值

const items = this.state.items;

秒是解构赋值

const { items } = this.state;

解构赋值语法是 JavaScript 表达式，它可以将 arrays 中的值或对象的属性解压缩到不同的变量中。

IMO 两者之间唯一的显着区别是您编写的代码量。 当您需要解压多个 object 属性时，解构赋值非常方便。

相比

const propA = this.state.propA;
const propB = this.state.propB;
const propB = this.state.propC;

相对

const { propA, propB, propC } = this.state;