使用create-react-app的字段声明时出错

Question

我正在使用create-react-app和Field Declaration支持的新create-react-app。不幸的是，它在我的代码中使用：

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

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

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

export default App;

不幸的是，我收到错误：

编译失败。

./src/App.js第5行：'state'未定义no-undef

搜索关键字以了解有关每个错误的更多信息。

为什么我不能使用Field Declaration Syntax？我有其他人运行项目和代码，它在他们的系统上工作正常。

Answer 1

这可能是由于您使用的eslint版本。在这种情况下，您可以通过以下方式包装代码来解决问题：

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

或者通过尝试不具有该问题的不同的eslint版本。