ES6中的含义是什么？

Question

我指的是：() => {}

我了解箭头功能是ES6中的新增功能。我也了解他们使用this关键字自动绑定到父上下文

所以如果我有

class Person {

    classFunc = () => {

    }
}

这将绑定到父级，我可以自动使用它来引用父级作用域

但是我有时会在代码() => {}中看到它，这是什么意思？

例如

onClick={this.handleClick}

或

onClick={() => this.handleClick}

第二个人在做什么？是匿名函数吗？

Answer 1

第二个它将按函数处理回调返回的值。

login((res) => {
   console.log(res);    //Hear you will get the res from API. 
})

之前：

login(function(res){
   console.log(res); 
})

Answer 2

ES6是Javascript的更新版本，也称为Javascript2015。您可以在此链接下找到有关它的更多信息-

https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_2015_support_in_Mozilla

回答第二个问题-

onClick={this.handleClick}

这将调用同一ES6类中可用的功能handleClick。

onClick={() => this.handleClick}

这将返回函数定义，并且永远不会调用该函数。要调用该函数，您必须使用调用该函数。

onClick={() => this.handleClick()}

这将允许您在需要时传递其他参数-

const temp1 = "args1";
.
.
.
onClick={() => this.handleClick(temp1)}

希望对您有帮助。