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

发布时间：2020-12-15 09:36:44 所属栏目：百科来源：网络整理

导读：我想创建一个包含“html”代码段的方法,但我收到以下错误. import react.dom.aimport react.dom.buttonimport react.dom.divimport react.dom.navimport react.dom.spanimport kotlinx.html.ButtonTypeimport react.RBuilderimport react.RComponentimport r

我想创建一个包含“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() {

有任何想法吗？

解决方法

你应该添加接收器,并可能像这样摆脱回报：

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

    override fun RBuilder.render() {

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!