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() { } 
    } 
}