美文网首页
React中的bind(this)

React中的bind(this)

作者: 小龙虾Julian | 来源:发表于2018-06-25 10:38 被阅读0次

为什么在React中有时需要通过bind()绑定this?类似如下:

setInterval(function () {}.bind(this), 100);

原因是:在setInterval()中定义的回调函数,是在同步代码执行完后,随着事件触发来异步执行的,此时函数的上下文Context已由定义的该函数的Script文件变为全局变量,如果不通过bind(this)来指定由组件实例作为上下文的话,回调函数中的this会指向全局变量window变量,这就与实际不符了,所以会通过bind()方法绑定this

相关文章

  • React中的bind(this)

    为什么在React中有时需要通过bind()绑定this?类似如下: 原因是:在setInterval()中定义的...

  • react中的bind(this)

    在调用this.setState()的时候出现了this为undefined的情况,如何处理。(四种写法,自己想到...

  • React bind this的五种方式介绍

    react中避免不了经常需要对this进行操作,而事件默认react是不被bind到当前react实例上的,需要手...

  • react组件中事件处理的几种写法,几种写法的区别,bind(t

    react组件中事件处理的几种写法,几种写法的区别,bind(this)传自定义的参数 一、在React元素绑定事...

  • 番外篇1--React组件中this

    学习react过程中遇到了this指向的问题,bind方法的理解在bind的那篇文章有提到,也得好好理解,先主要理...

  • react 备注

    1. React组件中绑定this 由于在JSX中的this不会指向当前对象,所以需要通过bind 参考文章: [...

  • React .bind()

    当使用es5时,是不需要用.bind()的。当使用es5 时,React会自动帮助我们给每一个function绑定...

  • react bind

    前置知识 原因:在temp作为中间量转换的时候丢失了this的指向 在react中 bind的原理同上方一致,在j...

  • react的bind

    问题描述 今天重构项目的路由代码,遇到了一个问题,在app.js 的文件中,我使用react-router路由如下...

  • react的bind(this)

    在调用this.setState()的时候出现了this为undefined的情况,如何处理。(四种写法,其中一种...

网友评论

      本文标题:React中的bind(this)

      本文链接:https://www.haomeiwen.com/subject/wpweyftx.html