你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

[react] 在React中怎么将参数传递给事件?

2021-11-17 2:55:56

[react] 在React中怎么将参数传递给事件?

如果使用箭头函数声明函数,调用方式:
不传参:this.func1,如果不传参,事件参数默认会自己添加上
传参: (e) => {this.func1(e,'param1', 'param2')},如果传参,事件参数需要手动传递过来

 func1 = (e, param1, param2) => {
        console.log(e);
        console.log(param1);
        console.log(param2);
    }

如果不用箭头函数声明函数,那么调用的时候需要使用this.func2.bind(this)
不传参:this.func2.bind(this)
传参:this.func2.bind(this, 'param1', 'param2') 事件对象隐式的添加到最后一个形参上

    func2 (param1, param2, e,) {
        console.log(param1);
        console.log(param2);
        console.log('event', e);
    }

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论



主目录

与歌谣一起通关前端面试题