扫码关注官方订阅号
求详解。。
欢迎选择我的课程，让我们一起见证您的进步~~
题主想知道的应该是这里为什么要用bind。
首先bind就是改变函数运行时的this，详细请看bind
你的代码中调用了setInterval(fun, time),其实等同于window.setInterval(fun, time)
如果没调用bind(this),那么传入setInterval中的fun的this指向是setInterval的调用者window对象
给函数bind(this)，这里的this指向就是componentDidMount()中的this也就是这个react对象，这样才能够正确访问react属性方法this.state，this.setState等
就是把外面（componentDidMount）的this传到内部（timer），跟很多人喜欢在外面定义一个that,里面用that来指向外部的this是一个道理。这个跟react没有关系，是js的基础，你可以去看看js的bind, call, apply。
bind可以改变函数内部this的指向，此外还可以想函数传递数据，参数arguments例如
onChange={this.changeValue.bind(this,'value')}
这个的话，这个函数就可以这样写了
changeValue(str){ console.log(str) //'value' }
文档上是这么写的
Function.prototype.bind() The bind() method creates a new function that, when called, has its this keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called.
The bind() method creates a new function that, when called, has its this keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called.
大概意思就是绑定函数调用时的this.ECMAScript 5.1增加的特性，与React无关
this
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
6
540
收藏
题主想知道的应该是这里为什么要用bind。
首先bind就是改变函数运行时的this，详细请看bind
你的代码中调用了setInterval(fun, time),其实等同于window.setInterval(fun, time)
如果没调用bind(this),那么传入setInterval中的fun的this指向是setInterval的调用者window对象
给函数bind(this)，这里的this指向就是componentDidMount()中的this也就是这个react对象，这样才能够正确访问react属性方法this.state，this.setState等
就是把外面（componentDidMount）的this传到内部（timer），跟很多人喜欢在外面定义一个that,里面用that来指向外部的this是一个道理。这个跟react没有关系，是js的基础，你可以去看看js的bind, call, apply。
bind可以改变函数内部this的指向，此外还可以想函数传递数据，参数arguments
例如
这个的话，这个函数就可以这样写了
文档上是这么写的
大概意思就是绑定函数调用时的
this.ECMAScript 5.1增加的特性，与React无关