Wie erstellt man einen Klick-Callback mit sri/scala-react?

Question

Ich versuche, einen Klick-Handler für eine Reaktionskomponente mit sri & scala-react/scala-js zu erstellen. Im folgenden Code kann der onClick Handler nicht aufgelöst werden. Ich vermute, dass es eine Art Annotation oder etwas benötigt, aber ich habe es von einem Beispiel kopiert (Suche nach tick auf diesem page).

Hier ist mein Code:

package demo.web.screens 

import org.scalajs.dom 
import demo.web.styles.GlobalStyle 
import shared.contactform.ContactForm 
import sri.core._ 
import sri.scalacss.Defaults._ 
import sri.web.all._ 
import sri.web.vdom.htmltags._ 

import scala.scalajs.js 
import scala.scalajs.js.annotation.ScalaJSDefined 

object ContactScreen { 

    @ScalaJSDefined 
    class Component extends ReactComponent[Unit, Unit] { 

    var bodyRef: dom.html.Input 
    var nameRef: dom.html.Input 
    var emailRef: dom.html.Input 

    def handleClick(e: ReactMouseEventI) = { 
     Option(bodyRef).foreach { body => 
     val form = ContactForm(body = body.value, 
      name = Option(nameRef).map(_.value), 
      email = Option(emailRef).map(_.value)) 

     println(s"Inside click handler with form: $form") 
     } 
    } 

    def render() = { 
     dom.console.log("In contact screen") 

     val contactForm = ContactForm(body = "static body", name = None, email = None) 
     println(s"contact form = $contactForm") 

     form()(
     div(className = GlobalStyle.flexOneAndCenter)(
      span(className = GlobalStyle.bigText)("Contact us"), 
      label()("Your name", 
      input(id = "name", ref = (e: dom.html.Input) => nameRef = e)), 
      label()("Your email address", 
      input(`type`="email", id = "email", 
       ref = (e: dom.html.Input) => emailRef = e)), 
      label()("Comments", 
      textarea(id = "body", ref = (e: dom.html.Input) => bodyRef = e)()), 
      button(id = "submit", onClick = handleClick _)("Submit") 
     ) 
    ) 
    } 
    } 

    val constructor = getTypedConstructor(js.constructorOf[Component], classOf[Component]) 

    def apply(key: js.UndefOr[String] = js.undefined, 
      ref: js.Function1[Component, _] = null) = { 
    createElementNoProps(constructor, key = key, ref = ref) 
    } 
} 

Answer 1

Sie haben nicht die Fehlermeldung enthalten, aber ich glaube, Sie button(id = "submit", onClick = handleClick(_: ReactMouseEventI))("Submit") oder button(id = "submit", onClick = (evt: ReactMouseEventI) => handleClick(evt))

zu schreiben habe ich hoffe, dass dies bald in Sri zu beheben, bereit Gd, so dieser Code wie dein funktioniert einfach.