其他分享
首页 > 其他分享> > React中onClick和箭头函数的两种写法

React中onClick和箭头函数的两种写法

作者:互联网

摘要:在React中,onClick点击事件和箭头函数组合实现想要的事件效果。有两种等效的方法。本文将进行演示。

1.我想实现点击删除所有已完成的任务就弹出提示是否清除所有已完成任务的弹框。如下图:
在这里插入图片描述
在这里插入图片描述
2.第一种写法,只需关注我标记出来的代码部分即可:下面这张图是实现删除选中的任务功能,两个框内分别是onClick的调用和删除按钮的回调函数。
在这里插入图片描述
2.第二种写法
在这里插入图片描述
3.比较两种写法,总结。
一开始我想把第二种写法写成第一种的形式,于是我写成为下面这种形式。
在这里插入图片描述
一般开发推荐第一种写法。

标签:第一种,函数,删除,React,onClick,写法
来源: https://blog.csdn.net/yue200403/article/details/113433902