用VScode編輯器做出反應

Question

我開始使用React在VScode上編碼時遇到一些問題。

根據ReactJS文檔，

聲明默認屬性使用函數和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？ 謝謝！

Answer 1

如果要在React組件類中定義defaultProps，則需要使用Static關鍵字進行定義，例如

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中，您可能具有用戶設置來終止; 在每一行