create-react-appでのフィールド宣言によるエラー

Question

私はcreate-react-appにField Declarationのcreate-react-appをサポートしています。残念ながら、ここでは私のコードで使用されます。

Failed to compile.

./src/App.js Line 5: 'state' is not defined no-undef

Search for the keywords to learn more about each error.

は、なぜ私はフィールドの宣言構文を使用することはできません。

// ./src/App.js 
import React, {Component} from 'react'; 
import ListContacts from './ListContacts'; 

class App extends Component { 
    state = { 
    contacts: [ 
     { 
     id: 'bob', 
     name: 'bob bob', 
     email: 'bob@bob.com', 
     avatarURL: 'http://localhost:5001/bob.jpg' 
     }, 
     { 
     id: 'michael', 
     name: 'Michael', 
     email: 'michael@michael.com', 
     avatarURL: 'http://localhost:5001/michael.jpg' 
     }, 
     { 
     id: 'ash', 
     name: 'Ash', 
     email: 'ash@ash.com', 
     avatarURL: 'http://localhost:5001/ash.jpg' 
     } 
    ] 
    } 

    render() { 
    return (
     <div> 
     <ListContacts contacts={this.state.contacts} /> 
     </div> 
    ); 
    } 
} 

export default App; 

は、残念ながら、私はエラーを取得しますか？私は他の人にプロジェクトやコードを実行させてもらい、システム上で正常に動作します。

Answer 1

これは、使用しているeslintのバージョンが原因である可能性があります。

/*eslint-disable no-undef*/ 
... 
/*eslint-enable no-undef*/ 

か、その問題を持っていない別のeslintバージョンを試すことによって：その場合は、あなたがあなたのコードをラップすることによって、問題を解決することができます。