elements

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