手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-13 12:09:28

1、第一步,在HBuilderX中创建一个静态页面,使用HTML5中默认模板,如下图所示:

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

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

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

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

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

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

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

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

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

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

如何使用React中的点击事件并查找对应的参数值
© 手抄报圈