如何在 Kotlin/JS 中导入和使用异步 JS 函数？

Question

我在将 Javascript 异步函数导入 Kotlin 代码时遇到问题。

这是一个示例 Javascript 函数：

export async function signUp(email, password){

    console.log("Signing Up");

    try {
        const userCred = await createUserWithEmailAndPassword(auth, email, password);
        console.log(userCred);

        return userCred.user.accessToken
    }
    catch (e) {
        console.log(e);
    }

}

我将其导入到 Kotlin 中：

@JsModule("@jlengrand/firebase-ports")
@JsNonModule
external object FirebasePorts{

    suspend fun signUp(email: String, password: String) : String
}

使用该函数时，我希望从中获取一个字符串：

    var user : String? by mutableStateOf(null)

            Button( attrs = {
                onClick { 
                    GlobalScope.launch {
                        user = FirebasePorts.signUp(email, password)
                    }
                }
            }) {
                Text("Login!")
            }

            // printing the value
            TextArea(value = user.toString())

但是，我得到的是一个 Promise

什么是我在做 错误的？

谢谢！

Answer 1

JS中的异步函数目前尚未映射以暂停Kotlin中的功能。要获得在Kotlin工作的异步功能，您需要处理本机承诺：

import kotlin.js.Promise

@JsModule("@jlengrand/firebase-ports")
@JsNonModule
external object FirebasePorts {

   fun signUp(email: String, password: String) : Promise<String>
}

然后使用firebaseports.signup（...）。然后{...}访问该值。