Reactjs React-Arrow函数及其作用域

Reactjs React-Arrow函数及其作用域,reactjs,scope,ecmascript-6,arrow-functions,Reactjs,Scope,Ecmascript 6,Arrow Functions,我有以下代码 let myapp = this; myref.on('value', function (snapshot) { myapp.updateUsers(); }); 我试图摆脱修复范围问题的代码。我可以将其转换为ES6 arrow函数吗 或者,是否有方法访问react root应用程序 class App extends Component {} 当您在类中并使用箭头函数时,此将通过词法范围获得对实例的引用绑定,而不是像普通函数那样的动态绑

我有以下代码

let myapp = this;
      myref.on('value', function (snapshot) {
        myapp.updateUsers();
    });
我试图摆脱修复范围问题的代码。我可以将其转换为ES6 arrow函数吗

或者,是否有方法访问react root应用程序

 class App extends Component {}

当您在
类中并使用箭头函数时,
将通过词法范围获得对实例的引用绑定,而不是像普通函数那样的动态绑定。
因此,当您想在
类中使用方法时,您可以使用
this
关键字引用
实例:

someFunction = () => {this.updateUsers()}
简单的例子:
类应用程序扩展了React.Component{
myfunc1=(str)=>{
console.log(str);
}
myFunc2=()=>{
this.myfunc1('hi func2')
}
render(){
返回(
点击我
);
}
}
render(,document.getElementById(“根”))


您的代码是在什么上下文中编写的?在
应用程序
类中?是的,它在应用程序类中谢谢,我知道了,但是on('value')是一个firebase事件。所以我需要编写它,以便函数接受一个参数和一个事件。我尝试了我能想到的所有语法版本。也许只是不需要这样做?你在哪里运行
myref.on()
也许可以显示更多的代码,这样我们就可以看到更大的图片最终得到它myref.on('value',(快照)=>{我肯定尝试过了!谢谢。