與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

如果你想在陣營組件類中定義的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你可能有一個用戶設置在每一行有一個終止;