react中onClick事件传参

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416

在我们实际开发中,单击事件传参也是经常用到的,下面我们来研究下传参问题。

正常绑定事件:

<button className="clear-completed" onClick={test()}>点击</button>

传递参数我们需要这样写:

错误写法:

<button className="clear-completed" onClick={test(e)}>点击</button>

正确写法

<button className="clear-completed" onClick={e=>test()}>点击</button>

注:直接返回函数即可,不用写{},这样代表直接return

文章到此结束,希望对你的学习有帮助!

猜你喜欢

转载自blog.csdn.net/qq_42817227/article/details/82705125
今日推荐