Wie kotlin-react html in eine Methode extrahieren

Question

Ich möchte eine Methode erstellen, die ein "HTML" -Snippet enthält, aber ich bekomme den Fehler unten.

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

Irgendwelche Ideen?

Answer 1

Sie den Empfänger hinzufügen sollte, und wahrscheinlich von return wie diese loszuwerden:

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

    override fun RBuilder.render() { 

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

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