介绍
这篇文章给大家分享的是有关在反应中绑定这作用域并传参的解决方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
在反应中时常会遇到这指向的作用域问题从而导致未定义报错
先来个演示:
功能很简单点击按钮改变文字
从& # 39;进口反应反应# 39;; 出口的默认类BindWithThis延伸反应。组件{ 构造函数(道具){ 超级(道具); 这一点。状态={ 味精:“BindWithThis" } } 呈现(){ 返回& lt; div> & lt;输入类型=癰utton"值=https://www.yisu.com/zixun/盬ay1 " alt="在反应中绑定这作用域并传参的解决方法”>
这是因为在changeMsg1方法内部的这个指向的并不是外面的组件因而根本就不会有设置状态()方法了自然会报错
为此有三种解决方法
只要这样即可:
渲染(){ 返回& lt; div> & lt;输入类型=癰utton"值=https://www.yisu.com/zixun/癢ay1”>渲染(){ 返回& lt; div> & lt;输入类型=癰utton"值=https://www.yisu.com/zixun/" Way1 ">从& # 39;进口反应反应# 39;; 出口的默认类BindWithThis延伸反应。组件{ 构造函数(道具){ 超级(道具); 这一点。状态={ 味精:“BindWithThis" }//当为一个函数调用绑定改变这样的指向之后绑定函数的返回值是这个被改这个指变向的函数的改变后的引用因此需要重新接收 这一点。changeMsg2=this.changeMsg2.bind(这一点,“壹”,“贰”) } 呈现(){ 返回& lt; div> & lt;输入类型=癰utton"值=https://www.yisu.com/zixun/癢ay2”>渲染(){ 返回& lt; div> & lt;输入类型=癰utton"值=https://www.yisu.com/zixun/" Way3 ">感谢各位的阅读!关于在反应中绑定这作用域并传参的解决方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!在反应中绑定这作用域并传参的解决方法