webpack编译时,React中ajax是用ES6箭头函数报错,请教原因

我将React官网上面的发表评论的demo改写为ES6的时候,出现了如下问题:

因为使用ES6的语法,我希望能在deleteClick中使用箭头函数来使得ajax中的this指向上一层,使得this.setState生效,然而在用webpack编译的时候确报错了。

https://img.mukewang.com/5be10224000136bf05120475.jpg

https://img1.mukewang.com/5be1022d0001740d10810277.jpg

并且我尝试用

success (data){this.setState({data: data});}.bind(this)

来解决作用域问题时,webpack编译依然会报错.bind(this)的部分,如此,我就只能在deleteClick中先把this保存下来,let this = that,来使得setState可以正常调用。

请问前两个报错的原因,和是否还有其他的解决方式,谢谢


哈士奇WWW
浏览 852回答 1
1回答

江户川乱折腾

你语法错了,不是success = (data) => {},而是success: (data) => {}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript