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

时间:2017-12-22 04:29:24

标签: create-react-app

我将create-react-appcreate-react-app支持的新Field Declaration一起使用。不幸的是,它在我的代码中使用:

// ./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;

不幸的是,我收到错误:

  

编译失败。

     

./ src / App.js第5行:&#39;州&#39;未定义no-undef

     

搜索关键字以了解有关每个错误的详情。

为什么我不能使用字段声明语法?我有其他人运行项目和代码,它在他们的系统上工作正常。

1 个答案:

答案 0 :(得分:0)

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

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

或尝试使用不具备该问题的其他eslint版本。