我对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>
}
}