如何使用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数据传递
  • 热门搜索
    诚信手抄报花边 预防流感手抄报 小学生健康手抄报 关于理想的手抄报内容 平安手抄报 安全教育手抄报资料 阅读的手抄报 科技节手抄报资料 淘气包马小跳手抄报 迎元旦手抄报