React ES6:从另一个未定义的函数调用异步函数

Question

这就是我调用register():的地方

this.register();

这是register():

register = async () => {
await login();
await create();
}

以下是我称之为的

login = () => {
console.log('test');
}

理想情况下，我想要的是先完成login()，然后转到create()。

我得到的错误：

未捕获(承诺中(引用错误：未定义登录

Answer 1

如注释中所述，您可能需要用更多上下文来完成问题。通常，在Javascript中，如果您使用类，则需要绑定上下文：

this.login = this.login.bind(this)

然后调用this.login()

此外，在react/redux的情况下，如果你的login函数不在你的组件中，你可能必须connect你的组件，并告诉Redux你将使用什么函数，如下所述：Redux-从函数调用操作

Answer 2

当我在异步函数中调用一个普通函数时，遇到了这个问题。即使异步函数是在点击按钮时直接调用的，它仍然需要绑定(this.function=this.function.bind(this((。我调用的函数本身不需要绑定，这与我以前遇到的绑定不一致。