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

Question

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

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
    }
}

错误：未解析的引用。以下候选人都不是 由于接收器类型不匹配而适用：public inline fun RBuilder.div(classes: String? = ..., block: RDOMBuilder.() -> Unit)：在 react.dom 中定义的 ReactElement 返回 div() {

有什么想法吗？

Answer 1

您应该添加接收者，并可能像这样摆脱return：

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

    override fun RBuilder.render() {

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

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