Reactjs 使用VScode编辑器进行响应

当我开始用React在VScode上编码时，我遇到了一些问题

根据这些文件

声明默认道具 对于函数和ES6类，defaultProps定义为组件本身的属性：

class Greeting extends React.Component {
 // ...
}

Greeting.defaultProps = {
  name: 'Mary'
};

我试着跟随，这是我的代码：

class Records extends React.Component {

constructor(props) {
  super (props);
  this.state = {records: props.data};
      }

  Records.defaultProps = {
  records: []
};

在VScode中键入此代码时出现此错误

 [js] ';' expected

---

我的.defaultProps代码是错误的还是这是VScode的问题？谢谢

如果要在React组件类中定义defaultProps，需要使用Static关键字like来定义它

class Records extends React.Component {

constructor(props) {
  super (props);
  this.state = {records: props.data}
}

  static defaultProps = {
     records: []
  };

或者像这样宣布

class Records extends React.Component {

  constructor(props) {
    super (props);
    this.state = {records: props.data};
  }   
}

Records.defaultProps = {
  records: [];
};

此外，在VSCODE中，您可能有一个用户设置，用于终止

在每行中