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

Posted 2023-03-24

【中文标题】Scalajs-react：未捕获的 TypeError：无法读取 null 的属性（读取“值”）

【英文标题】：Scalajs-react: Uncaught TypeError: Cannot read properties of null (reading 'value')

【发布时间】：2021-11-22 20:01:28

【问题描述】：

我的 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')

我在这里错过了什么？

【参考方案1】：

你已经使用event.extract

文档说：

如果您想以异步方式访问事件属性（例如在modState(…) 函数中）

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

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