Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript reactJS中箭头函数的用途是什么?_Javascript_Reactjs - Fatal编程技术网

Javascript reactJS中箭头函数的用途是什么?

Javascript reactJS中箭头函数的用途是什么?,javascript,reactjs,Javascript,Reactjs,与ReactJS中的正常函数相比,它有时有助于处理this关键字吗? 因为在通过组件传递函数的反应中,我们需要非常仔细地考虑这个关键字,所以请帮助我理解箭头函数是如何帮助的。 < P>你自己回答了这个问题。使用arrow函数可以帮助您引用给定组件的上下文,有时也可以使用,因为它较短,因此编写速度较快。arrow函数缺少范围。例如: 函数外部() { 函数内部() { console.log(this)//引用内部函数 } 内(); } 函数outerTwo() { 让内部=()=>{ cons

与ReactJS中的正常函数相比,它有时有助于处理this关键字吗?
因为在通过组件传递函数的反应中,我们需要非常仔细地考虑这个关键字,所以请帮助我理解箭头函数是如何帮助的。

< P>你自己回答了这个问题。使用arrow函数可以帮助您引用给定组件的
上下文,有时也可以使用,因为它较短,因此编写速度较快。

arrow函数缺少范围。例如:

函数外部()
{
函数内部()
{
console.log(this)//引用内部函数
}
内();
}
函数outerTwo()
{
让内部=()=>{
console.log(this)//引用外部
}
内();
}
外部();

outerTwo()这里的解释应该可以消除您的疑虑:是的,如果您理解它们的意思,它会有所帮助。例如,当您将参数和事件传递给函数
onClick={(e)=>this.deleteRow(id,e)}
时,它相当于
onClick={this.deleteRow.bind(this,id)}
React仍然是javascript…这实际上是箭头函数不需要绑定的一个非常清楚的解释。另一个选项是类字段语法,有时与curry一起使用。