关于在React-Native中,使用ScrollView组件时,绑定事件时this的指向问题。

在React-Native(以下简称RN)中,使用ScrollView组件时,绑定事件时this的指向会出现一些问题。

    首先我们来看一下下面这个错误的写法:



关于在React-Native中,使用ScrollView组件时,绑定事件时this的指向问题。_第1张图片
组件


关于在React-Native中,使用ScrollView组件时,绑定事件时this的指向问题。_第2张图片
事件


关于在React-Native中,使用ScrollView组件时,绑定事件时this的指向问题。_第3张图片
报错信息

    在这里我们可以看到由于在组件中绑定事件的时候,this._onScrollView的作用域是ScrollView组件本身,所以事件中能够拿到事件e,但是函数中的this.setState却报错,就需要我们手动绑定RN全局this到这个事件上,如下:



关于在React-Native中,使用ScrollView组件时,绑定事件时this的指向问题。_第4张图片
参考写法



End

你可能感兴趣的:(关于在React-Native中,使用ScrollView组件时,绑定事件时this的指向问题。)