多语言展示
当前在线:1465今日阅读:6今日分享:31

如何使用React中的点击事件并查找对应的参数值

在使用React中的按钮时,如果想要给按钮绑定一个点击事件,事件函数的写法如果是箭头函数,保存之后预览点击,发现出现了报错;如果改为函数定义方式,又可以运行。下面利用实例说明,操作如下:
工具/原料
1

React

2

JavaScript

3

HTML5

4

CSS3

5

HBuilderX

6

浏览器

7

截图工具

方法/步骤
2

第二步,在title标签下方导入React核心的JS文件,然后在body插入一个div标签,如下图所示:

3

第三步,在div标签下方,添加一个script标签,定义一个类Query,如下图所示:

4

第四步,在类中定义一个点击函数,然后在下方添加render()方法,如下图所示:

5

第五步,保存代码菌返并打开浏览器预览效果,结果出现了语法错误,如下图所示:

6

第六步,将原来的箭头函数改为直接定义方式帮绵爱,然后调用ReactDOM.render(),如下图案败所示:

注意事项
1

注意React中的按钮点击事件并获取对应的属性值

2

注意箭头函数和直接定义函数的区别

推荐信息