impure run 사용하기

코드

import mhtml._
import org.scalajs.dom

import scala.scalajs.js

object MHtmlTest {
  def view(): Unit = {
    val x: Var[List[String]] = Var(List("a", "b", "c"))
    val first: Var[String]   = Var("Z")

    // x.map(list => first := list.head).impure.run(_ => ())
    x.impure.run(list => first := list.head)

    val content =
    <div>
      <div>{first}</div>
      <input type="text" oninput={ (e: js.Dynamic) =>
        x.update(list => e.target.value.asInstanceOf[String] :: list) }
      />
    </div>
    
    mount(dom.document.getElementById("main_content"), content)
  }
}

 

 

설명

impure 는 일회성 effect 가 아니라 Rx 값이 변경될 때마다 값이 전파된다.

하단의 input 에 값을 넣으면, 위의 a 가 입력한 값으로 변경되는 것을 확인할 수 있다.