vue和react中点击事件执行的区别,主要是点击事件传参

最新推荐文章于 2024-09-20 10:29:50 发布

parkvisitor

最新推荐文章于 2024-09-20 10:29:50 发布

阅读量288

点赞数

CC 4.0 BY-SA版权

分类专栏： vue react 文章标签：前端

本文链接：https://blog.youkuaiyun.com/parkvisitor/article/details/127701481

vue 同时被 2 个专栏收录

3 篇文章

订阅专栏

react

3 篇文章

订阅专栏

本文详细对比了Vue与React中点击事件的处理方式，特别是如何在点击事件中传递参数的不同之处。Vue允许直接在事件绑定中传递参数，而React则需要通过箭头函数返回事件处理函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue和react中点击事件执行的区别,主要是点击事件传参

vue中
toNext=()=>{}
@click = toNext
@click = toNext($event,"name")//可以传递参数
@click = toNext("name")//可以传递参数
以上两种写法都可以，不会存在toNext()把执行后的结果赋值给点击事件

react中
toDetail=()=>{}
onClick = toDetail
onClick = toDetail()//可以传递参数
写法所代表的含义不一样，toDetail()把执行后的结果赋值给点击事件

法1：onClick = toDetail("name")采用如下写法,将一个箭头函数return给点击事件
toDetail=(dataType)=>{
	return (event)=>{
		console.log(dataType,event)
	}
}

toDO=(dataType,e)=>{}
法2：onClick = {(event)=>{return toDO("name",event)}}