如何将JQuery事件绑定到React回调

时间:2019-05-15 15:12:25

标签: scala.js scalajs-react

我想将JQueryUI Spinner小部件用作我的Scala js React应用程序中的组件。因此,我定义了一个类似于以下内容的组件:

  case class SpinnerProps(value: Double, onSpin: Callback)

  ScalaComponent.builder[SpinnerProps]("Spinner")
    .render_P(props =>
      <.input(^.value := props.value)
    )
    .componentDidMount(cdm => Callback {
      jQuery(cdm.getDOMNode.asElement()).spinner()
    })
    .build

一切正常。但是我的问题是将自旋特定事件连接到React回调的正确方法是什么?

将我的componentDidMount扩展为以下内容是否正确?

.componentDidMount(cdm => Callback {
  jQuery(cdm.getDOMNode.asElement()).spinner(
    js.Dynamic.literal(
      spin = { (e: js.Object, ui: js.Object) => cdm.props.onChange.runNow() }:    
        js.ThisFunction1[js.Object, js.Object, Any]))
})

0 个答案:

没有答案