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

最新推荐文章于 2024-02-21 14:38:34 发布

parkvisitor

最新推荐文章于 2024-02-21 14:38:34 发布

阅读量241

点赞数

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

本文链接：https://blog.csdn.net/parkvisitor/article/details/127701481

版权

vue 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

react

3 篇文章 0 订阅

订阅专栏

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)}}