在使用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
注意箭头函数和直接定义函数的区别
下一篇:女性三十岁以后该怎么保养?