react中怎么传递事件对象


当前第2页 返回上一页

值得注意的是,通过 bind 方式向监听函数传参,在类组件中定义的监听函数,事件对象 e 要排在所传递参数的后面,例如:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

class Popper extends React.Component{

    constructor(){

        super();

        this.state = {name:'Hello world!'};

    }

     

    preventPop(name, e){    //事件对象e要放在最后

        e.preventDefault();

        alert(name);

    }

     

    render(){

        return (

            <div>

                <p>hello</p>

                {/* Pass params via bind() method. */}

                <a href="https://reactjs.org" onClick={

                this.preventPop.bind(this,this.state.name)

                }>Click</a>

            </div>

        );

    }

}

更多编程相关知识,请访问:编程学习!!

以上就是react中怎么传递事件对象的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

React中怎么获取数据

React native怎么注释代码

React中push与replace的区别是什么

uniapp和React的区别

如何解决React中文乱码问题

手把手教你如何使用vite+React进行组件开发(实践)

React组件几种声明方式是什么

React redux是什么?

React中图片用什么标签

不用脚手架搭建React的方法

更多相关阅读请进入《React》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...