如何使用React中方法给事件传递多个参数并打印

 时间:2024-10-14 03:06:00

1、第一步,在已新建的Web项目中,新建静态页面并引入相关的JS文件,在body标签中插入一个蟠校盯昂div,设置ID属性值为addUser,如下图所示:

如何使用React中方法给事件传递多个参数并打印

2、第二步,在<script></script>标签内,定义一个类User,里面有构造函数,并声明对象obj,有属性uno和uname,如下图所示:

如何使用React中方法给事件传递多个参数并打印

3、第三步,再定义一个函数addUser,传入两个参数uno和uname,并打印这两个参数值,如下图所示:

如何使用React中方法给事件传递多个参数并打印

4、第四步,调用render方法,返回值中有个按钮,按钮里绑定点击事件并传递参数,如下图所示:

如何使用React中方法给事件传递多个参数并打印

5、第五步,保存代码并打开浏览器预览界面效果,点击按钮发现学号打印出姓名,姓名打印结果为对象,如下图所示:

如何使用React中方法给事件传递多个参数并打印

6、第六步,查询资料发现bind()方法,需要传递一个this对象,否则会出现参数错位的情况,如下图所示:

如何使用React中方法给事件传递多个参数并打印
  • web项目servlet报错,找不到servlet的包
  • 如何使用JS实现拖放图片到div中的功能
  • Eclipse安装方法及解决下载SDK慢(100%成功)
  • Edge浏览器怎么更改下载目录
  • Android界面之间传递数据之Intent数据传递
  • 热门搜索
    我的世界铁砧怎么用 利税总额怎么算 面包车拉货怎么处罚 脑鸣是怎么回事 谷歌账号怎么注册 社保卡怎么用 性冷淡怎么办 水淀粉怎么调 欧瑞莲化妆品怎么样 磨砂膏怎么用