React js 箭头函数报错

#1

是版本的问题吗？

#2

我以前也遇到这个问题，没怎么管，今天特地去 stackoverflow 查了查。

这个语法是 ES7 的，要在 babel 里设置一下才能用。

具体参考这个 stackoverflow 就好

1 Like
#3

这个也不是ES7的，只是ECMAScript的一个草案而且优先级较低，不值得去下个额外插件，直接更改为handleChange(value) {}就可以了

#4

但是改了之后里面想要更改state应该怎么写呢？
如果this.setState，this就不是外面的对象了。

#5

如果在哪个函数里面写this.setState，打印出的this好像是错误的

#6

需要绑定下 this， 在构造函数里 this.handleChange = this.handleChang.bind(this) 或者在组件上 <App onChange={ value => this.handleChange } />, 不过后者每次都要重新渲染。

#7

谢谢

#8

constructor(props) {
super(props);
…
this.handleChange = this.handleChange.bind(this);
…
}