javascript - Scalajs-react：未捕获的 TypeError：无法读取 null 的属性（读取“值”）

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