在Kotlin和React中使用图像

Question

我使用create-react-kotlin-app创建了此网页。 xml与以前不同，我确实在使用与index.kt位于同一目录中的徽标而苦苦挣扎。我该如何解决？

package index

import react.dom.*
import kotlin.browser.*

fun main(args: Array<String>) {

    val rootDiv = document.getElementById("root")

    render(rootDiv) {
        img(src="./logo.jpg"){}
    }
}

Answer 1

好吧，我只是通过看一下create-react-kotlin-app默认内容发现了一个解决方案，有点尴尬。

package index

import react.dom.*
import kotlin.browser.*

@JsModule("src/resources/logo.jpg")
external val logo: dynamic

fun main(args: Array<String>) {

    val rootDiv = document.getElementById("root")

    render(rootDiv) {
        img(src = logo){}
    }
}

如果您问我，那会不必要地麻烦。