我对React很陌生,想知道这应该如何工作:

class App extends Component {
> 4 |   state = {
    |         ^
  5 |     bands: [],
  6 |     concerts: []
  7 |   }


这里的错误信息:

ERROR in ./src/App.js
Module build failed: SyntaxError: Unexpected token (4:8)


编辑(整个组件):

import React, { Component } from 'react'

class App extends Component {
  state = {
    bands: [],
    concerts: []
  }
  render() {
    return <div>hei</div>
  }
}

export default App


一些解决方案?

最佳答案

如果代码确实如所示,则您尝试使用的语言功能(“类字段”)尚未使用该语言,它仍然是stage 3 proposal。您需要确保使用的任何编译器都可以处理该编译。

如果不想使用类字段,请在构造函数中定义state属性:

class App extends Component {
  constructor(...args) {
    super(...args);
    this.state = {
      bands: [],
      concerts: []
    };
  }
  render() {
    return <div>hei</div>
  }
}

10-06 04:34
查看更多