[react] `<div onClick={handlerClick}>单击</div>`和`<div onClick={handlerClick(1)}>单击</div>`有什么区别？

绑定函数有三种方法
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组件的不必要渲染。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[react] ＜div onClick={handlerClick}＞单击＜/div＞和＜div onClick={handlerClick(1)}＞单击＜/div＞有什么区别？相关推荐

js父元素获取子元素img_css,前端_父标签div中包含一个子元素img标签，子元素div标签，为什么img要加上浮动，子元素div才会处于正常位置？，css,前端 - phpStudy...
父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置? dom结构如图img加上float 子元素div显示正常. 不加float div显 ...
CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?...
原文:CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size? 其实方法非常简单,直接写代码: &l ...
html div左中右布局,求助css。一个div包含两个div，左右布局，左边css宽30%，右边div宽70%。高度均自...
求助css. 一个div包含两个div,左右布局,左边css宽30%,右边div宽70%.高度均自以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让 ...
HTML如何让两个div并排在一行,如何实现两个或多个div并列于一行
div是块状元素,默认是独占据一行. 但是,如何让两个或多个块区域并列于一行? 块状元素有一个很重要的"float"属性,可以达成这种效果.float 属性也被称为浮动属性,这个词 ...
flinksql的 / 的结果只会保留整数部分,flinksql 不支持 div运算符。hive、 mysql ： / 结果是小数， div 结果只会保留整数部分
flinksql的 / 的结果只会保留整数部分,flinksql 不支持 div运算符. hive. mysql : / 结果是小数, div 结果只会保留整数部分 mysql> select ...
js区分单击双击，双击不会触发单击事件
如果一个按钮,单击触发的事件跟双击触发的是不同的业务,那么这里介绍的就是如何处理双击的过程中不触发单击事件的方法 <html><meta charset="UTF-8&qu ...
鼠标左键单击时使用纯js触发右键单击
鼠标左键单击时使用纯js触发右键单击 onClick={e => {// 模拟右键点击const { clientX, clientY } = econst rightFun = new Mou ...
单击事件开启线程时，再次单击就会出现 java.lang.IllegalThreadStateException: Thread already started. 错误
第一种解决方案:单击事件开启线程时,再次单击就会出现 java.lang.IllegalThreadStateException: Thread already started. 错误解决办法: 创 ...
html里面onclick属性是什么,html中onclick事件属性定义与用法
在前端网页设计时,离不开一些动态事件的交互,比如提交数据,登录,注册等等.这事件一般都需要通过HTML onclick事件的调用,这篇文章重点介绍一下 onclick事件的定义与用法 onclick事 ...
html div 监听事件无效,在AngularJS中将html替换为div后，Click事件不起作用
我正在使用ng-click事件并将带有所有参数的操作URL传递到成功事件中,所有HTML内容将使用$ compile(result.toolbarlistproduct)($ scope)替换为div ...

[react] ＜div onClick={handlerClick}＞单击＜/div＞和＜div onClick={handlerClick(1)}＞单击＜/div＞有什么区别？

[react] `<div onClick={handlerClick}>单击</div>`和`<div onClick={handlerClick(1)}>单击</div>`有什么区别？

个人简介

主目录

[react] ＜div onClick={handlerClick}＞单击＜/div＞和＜div onClick={handlerClick(1)}＞单击＜/div＞有什么区别？相关推荐

最新文章

热门文章

[react] ＜div onClick={handlerClick}＞单击＜/div＞和＜div onClick={handlerClick(1)}＞单击＜/div＞有什么区别？

[react] <div onClick={handlerClick}>单击</div>和<div onClick={handlerClick(1)}>单击</div>有什么区别？

个人简介

主目录

[react] ＜div onClick={handlerClick}＞单击＜/div＞和＜div onClick={handlerClick(1)}＞单击＜/div＞有什么区别？相关推荐

最新文章

热门文章

[react] `<div onClick={handlerClick}>单击</div>`和`<div onClick={handlerClick(1)}>单击</div>`有什么区别？