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

问题描述

问 题

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

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

并且我尝试用

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

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

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

解决方案

你语法错了，不是success = (data) => {}，而是success: (data) => {}

这篇关于javascript - webpack编译时，React中ajax是用ES6箭头函数报错，请教原因的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！