Scalajs-react:未捕获值:无法读取null的属性(读取‘TypeError’)

Question

我为我的scalajs-react应用程序编写了以下代码：

def render(person: Person) = {
    <.div(
      <.p("Welcome!"),
      <.form(
        <.label("Name:",
          <.input(^.`type` := "text", ^.cls := "form-control",
            ^.value := person.name, ^.onChange ==> updatePersonName
          )
      ))
    )
  }

  def updatePersonName(event: ReactEventFromInput): Callback = {
    $.modState(person => person.copy(name = event.target.value))
  }

但我看到了错误：

Uncaught TypeError: Cannot read properties of null (reading 'value')

这里我漏掉了什么？

Answer 1

您已经使用过event.extract

医生说：

如果要以异步方式访问事件属性，则为

。在modState(…)函数中)

因此，您的updatePersonName函数应该如下所示：

def updatePersonName(event: ReactEventFromInput): CallbackTo[Unit] = {
  event.extract(_.target.value)(text =>
    $.modState(person => person.copy(name = text))
  )
}