在使用React中 如果使用ES6的Class extends写法 如果onClick绑定一个方法 需要bind(this),
而使用React.createClass方法 就不需要.
请问这是为什么呢
解释:React.createClass 是es5的写法默认是绑定了bind方法,而es6中 新增加了class,绑定的方法需要绑定this,如果是箭头函数就不需要绑定this,用箭头的方式
第一种写法:
_handleClick(e) {
console.log(this);
}
render() {
return (
<div>
this
._handleClick.bind(this)}>点击第二种写法:
constructor(props) {
super(props);
this._handleClick = this._handleClick.bind(this)
}
_handleClick(e) {
console.log(this);
}
render() {
return (
>点击h1>
div>
);
}第三种写法:
_handleClick = (e) => {
// 使用箭头函数(arrow function)
console.log(this);
}
render() {
return (
this._handleClick}>点击
);
}
写下你的评论吧 !
推荐阅读
-
如何解决《将错误响应拦截器放在redux-axios-middleware上》经验,为你挑选了1个好方法。 ...
[详细]
蜡笔小新 2023-02-06 08:25:01
-
如何解决《ContentEditablediv-在更新内部html之后设置光标位置》经验,为你挑选了1个好方法。 ...
[详细]
蜡笔小新 2023-02-06 08:33:28
-
-
如何解决《通过React循环遍历数组并使用该数据渲染子组件的多个实例。》经验,为你挑选了1个好方法。 ...
[详细]
蜡笔小新 2023-02-06 08:19:02
-
装置axiosnpminstallaxios--save创立http.js文件{代码}创立api.js文件,设置接口申请解决{代码}api应用{代码}转化blob返回的数据{代码} ...
[详细]
蜡笔小新 2023-02-06 08:16:37
-
1.github地址:https:github.comxutongbaogulp-es6克隆下来后DOS环境跳转到gulp-es6文件夹,然后运行:npminstall安装插件然后 ...
[详细]
蜡笔小新 2023-02-06 06:23:09
-
如何解决《获取返回Promise状态:pending》经验,为你挑选了1个好方法。 ...
[详细]
蜡笔小新 2023-02-06 06:03:05
-
函数在执行时,会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数,this就指向谁。怎么理解指向呢,我认为指向就是等于。例如直接在js中输入下面的等式: ...
[详细]
蜡笔小新 2023-02-06 08:36:44
-
如何解决《React组件中的内联CSS问题》经验,为你挑选了1个好方法。 ...
[详细]
蜡笔小新 2023-02-06 08:29:45
-
如何解决《在Angular2/TypeScript中使用GoogleAPI》经验,为你挑选了2个好方法。 ...
[详细]
蜡笔小新 2023-02-06 08:20:02
-
如何解决《在javascript中找到嵌套列表标签的最大高度?》经验,为你挑选了1个好方法。 ...
[详细]
蜡笔小新 2023-02-06 08:12:00
-
为什么要获取客户来源用作数据分析,根据客户来源,做精准转化!判断客户来源入口方式1、通过官方的scene场景值常见场景值场景值ID说明1001发现栏小程序主入口,「最近使用」列表1 ...
[详细]
蜡笔小新 2023-02-06 08:11:51
-
我有一个Highland流,定期从服务器获取数据.我需要在地图内部进行数据库查找.在Highland的任何变形金刚中,我都找不到任何异步的提及.解决方法:您可以使用consume以 ...
[详细]
蜡笔小新 2023-02-06 08:09:23
-
如何解决《使用javascript删除嵌套对象中的键中的空格》经验,为你挑选了1个好方法。 ...
[详细]
蜡笔小新 2023-02-06 08:00:12
-
万万558
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
-
1解决MongoDB官网下载速度过慢
-
2注释记录
-
3具有动态ksize的Tensorflow maxpool
-
4正则表达式匹配大于1的任何整数
-
5ubuntu20.04线缆已拔出
-
6浅析nodeJS中的Crypto模块,包括hash算法,HMAC算法,加密算法知识,SSL协议
-
7为什么GNU在x86和ARM之间的语法不同?
-
83D游戏常用技巧Normal Mapping (法线贴图)原理解析——高级篇
-
9HTML5之canvas 9绘制图片 图片平铺 图片裁剪
-
10php无法调用linux命令的解决方法
-
11解释这个Kotlin函数结构
-
12请问,Dictionary类(字典)的排列顺序
-
13(九)Zabbix_监控报警无法通过微信发送信息
-
14微控制器编程 - 程序不退出for循环
-
15进程调度算法与task_struct结构体
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有