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

Posted 前端小歌谣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[react] 在React中怎么将参数传递给事件?相关的知识,希望对你有一定的参考价值。

[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);
    

个人简介

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



主目录

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

以上是关于[react] 在React中怎么将参数传递给事件?的主要内容,如果未能解决你的问题,请参考以下文章

如何将参数传递给过滤器方法并使用不同的参数在 React onClick 事件中调用函数?

如何将参数传递给 React js 中的函数?

将路径参数传递给 React 上下文提供程序

将参数传递给 react-apollo-hooks useQuery

在 React 中,如何将“this.state”作为参数传递给“socket.on”回调函数?

将 onclick 函数作为参数传递给 react/typescript 中的另一个组件