栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

`单击`和`单击`有什么区别?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

`单击`和`单击`有什么区别?

绑定函数有三种方法
1、constructor绑定

constructor(props) {

super``(props);

this``.handleClick =
this``.handleClick.bind(``this``);
//构造函数中绑定

}

//然后可以

<p onClick={``this``.handleClick}>

2. 使用时绑定
<``p
onClick={this.handleClick.bind(this)}>

3. 使用箭头函数 这种最简单 不用考虑this的指向问题 (但是会造成额外的渲染)

以上三种方法,第一种最优。

因为第一种构造函数只在组件初始化的时候执行一次,

第二种组件每次render都会执行

第三种在每一次render时候都会生成新的箭头函数。例:Test组件的click属性是个箭头函数,组件重新渲染的时候Test组件就会

因为这个新生成的箭头函数而进行更新,从而产生Test组件的不必要渲染。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/380031.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号