Type Members

1.  class ReactElement extends Object

   Annotations

   @RawJSType() @native()

2.  trait ReactHTMLCheckBoxElement extends HTMLElement with ReactHTMLElement

   Annotations

   @RawJSType() @native()

3.  trait ReactHTMLElement extends HTMLElement

   React HTML elements

   React HTML elements

   Get references to those elements by using

   ^.ref

   attribute.

   object Foo {
     case class State(text: String)
   }
   
   class Foo extends PropslessReactElement[Foo.State] {
     import Foo._
   
     var inputElement: ReactHTMLInputElement = _
   
     override def render(): ReactElement = <.div()(
       <.input(
         ^.ref := ((element: ReactHTMLInputElement) => inputElement = element),
         ^.onChange := onChange,
         ^.value := state.text
       )()
     )
   
     val onChange = () => {
       setState(State(text = inputElement.value))
     }
   }

   You can also get references to them via io.github.shogowada.scalajs.reactjs.events.FormSyntheticEvent.

   ^.ref }}}

   object Foo {
     case class State(text: String)
   }
   
   class Foo extends PropslessReactElement[Foo.State] {
     import Foo._
   
     var inputElement: ReactHTMLInputElement = _
   
     override def render(): ReactElement = <.div()(
       <.input(
         ^.ref := ((element: ReactHTMLInputElement) => inputElement = element),
         ^.onChange := onChange,
         ^.value := state.text
       )()
     )
   
     val onChange = () => {
       setState(State(text = inputElement.value))
     }
   }

   You can also get references to them via io.github.shogowada.scalajs.reactjs.events.FormSyntheticEvent.

   Annotations

   @RawJSType() @native()

4.  trait ReactHTMLInputElement extends HTMLElement with ReactHTMLElement

   Annotations

   @RawJSType() @native()

5.  trait ReactHTMLOptionElement extends HTMLElement with ReactHTMLElement

   Annotations

   @RawJSType() @native()

6.  trait ReactHTMLRadioElement extends HTMLElement with ReactHTMLElement

   Annotations

   @RawJSType() @native()

7.  trait ReactHTMLTextAreaElement extends HTMLElement with ReactHTMLElement

   Annotations

   @RawJSType() @native()