Question

我想创建一个包含＆＃34; html＆＃34;的方法。片段，但我得到以下错误。

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

错误：未解析的引用。以下候选人均不是因接收器类型不匹配而适用：公共内联乐趣 RBuilder.div（classes：String？= ...，block：RDOMBuilder。（） - ＆gt; Unit）：react.dom中定义的ReactElement return div（）{

有什么想法吗？

Answer 1

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

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

    override fun RBuilder.render() {

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

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

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

1 个答案: