如何将kotlin反应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
    }
}

错误：未解决的参考。以下候选人都不是 适用于接收器类型不匹配：公共内联乐趣 rbuilder.div（类：string？= ...，block：rdombuilder。（） -> 单位）：反应中定义的反应元素。 返回Div（）{

有什么想法？

Answer 1

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

class App : RComponent<RProps, RState>() {
    override fun RBuilder.render() {
        div("container fill") {
        }
        div {
            content()
        }
    }
    fun RBuilder.content() {
        div() { }
    }
}