扫码关注官方订阅号
react es6绑定this箭头函数和bind 有何异同????
this.props.deleteTask(this.props.groupKey)} size="small" type="primary" shape="circle" icon="cross" />
这两段代码,上边的绑定是可以的,下面的就会报错。。。
认证高级PHP讲师
在大括号中,要声明一个箭头函数,不是立即执行函数。所以传入的是形参,不是实参,'this.props.groupKey'不是一个有效的变量名所以报错了。而箭头函数中的this,指向的是最近一层作用域,所以箭头函数的函数体可以直接使用this,而无需传入任何参数。
<Button onClick={() => { this.props.deleteTask(this.props.groupKey) }} size="small" type="primary" shape="circle" icon="cross" />
<Button onClick={() => this.props.deleteTask(this.props.groupKey)} size="small" type="primary" shape="circle" icon="cross" />
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
在大括号中,要声明一个箭头函数,不是立即执行函数。所以传入的是形参,不是实参,'this.props.groupKey'不是一个有效的变量名所以报错了。而箭头函数中的this,指向的是最近一层作用域,所以箭头函数的函数体可以直接使用this,而无需传入任何参数。