电脑现已成为我们工作、生活和娱乐必不可少的工具了，在使用电脑的过程中，可能会遇到如何使用React中方法给事件传递多个参数并打印的问题，如果我们遇到了如何使用React中方法给事件传递多个参数并打印的情况，该怎么处理怎么才能解决如何使用React中方法给事件传递多个参数并打印带来的困扰呢，对于这样的问题其实我们只需要JavaScriptReactCSS3HTML5浏览为截图工具HBuilderX第一步，在已新建的Web项目中，新建静态页面并引入相关的JS文件，在body标签中插入一个div，设置ID属性值为addUser，如下图所示：第二步，在标签内，定义一个类User，里面有构造函数，并声明对象obj，有属性uno和uname，如下图所示：第三步，再定义一个函数addUse这样就解决了这样的问题，接下来给大家带来如何使用React中方法给事件传递多个参数并打印的详细操作步骤。

工具/原料

JavaScript
React
CSS3
HTML5
浏览为
截图工具
HBuilderX

方法/步骤

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

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

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

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

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

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

注意事项

注意React中的bind()方法的用法
注意React中的按钮点击事件传递参数的方法

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。