Javascript 关于花括号的jsx语法

第一个

我对花括号的使用感到困惑。常数{a}={b:5}

这段代码是怎么回事

我把它放到巴贝尔，翻译成javascript

在javascript中

let a = { b : 5 };

let b = a.b;

在javascript中，我可以说

声明对对象{b:5}的引用

然后声明b并引用对象a={b:5}，属性b:5的值

但是当我看到常数{a}={b:5}，我对此毫无感觉

我不能对它说什么

我知道{}如何使用javascript表达式。但是，我还是不明白

另一个在下面

及

我不确定上面的代码是否正确。只是卷曲的支架把我弄糊涂了

因为第二行

扩展组件

扩展反应组件

---

我不知道花括号是怎么回事。

简单地说。当我们想从一个文件导入一个特定的函数时，我们使用{abc}。

---

所以，若您正在编写importreact，那个么您将不得不使用react.component，因为类扩展了react.component，而不是整个react

解构是一种javaScript功能，它允许我们从数组或对象中提取多个数据片段，并将它们分配给它们自己的变量

解构在类组件中的工作方式类似，语法略有不同

class Attraction extends React.Component {
  render() {  
   return (
      <div>
        <h1>Hello</h1>
      </div>
    );
  }
}

解构使这段代码更加枯燥易读。

它称为解构赋值。

import React from 'react';

class Welcome extends React.Component

class Attraction extends React.Component {
  render() {  
   return (
      <div>
        <h1>Hello</h1>
      </div>
    );
  }
}