reactjs - 如何将 kotlin-react html 提取到方法中

Question

我想创建一个包含“html”片段的方法，但出现以下错误。

import react.dom.a
import react.dom.button
import react.dom.div
import react.dom.nav
import react.dom.span
import kotlinx.html.ButtonType
import react.RBuilder
import react.RComponent
import react.RProps
import react.RState

class App : RComponent<RProps, RState>() {

    override fun RBuilder.render() {

        div("container fill") {
        }
        div {
            content()
        }
    }

    fun content() {
        return div() { } // the error below is for this line
    }
}

error: unresolved reference. None of the following candidates is applicable because of receiver type mismatch: public inline fun RBuilder.div(classes: String? = ..., block: RDOMBuilder.() -> Unit): ReactElement defined in react.dom return div() {

有什么想法吗？

Answer 1

您应该添加接收器，并且可能像这样摆脱return:

class App : RComponent<RProps, RState>() {

    override fun RBuilder.render() {

        div("container fill") {
        }
        div {
            content()
        }
    }

    fun RBuilder.content() {
        div() { }
    }
}