reactjs - scalajs-react：如何循环对象的 Seq 以填充 UI

Question

我正在探索 scalajs-react。我有一个用例，当用户单击按钮时，我从后端获取数据。数据是对象的列表。我需要以某种形式显示每个对象。所以基本上这将是我假设的一系列 div。

那么如何迭代自定义对象的 Seq 并在 scalajs-react 中使用它们的内容填充 UI？

所以我尝试将下面的代码放在现有的 div 中：

<.div(
          this.employees.map( employee =>
            <.form(
              <.label("Name of the employee:",
                <.input(^.`type` := "text", ^.cls := "form-control",
                  ^.value := employee.name, ^.onChange ==> updateName)),
              <.br,
              <.label("Addresses:",
                <.input(^.`type` := "textarea", ^.rows := 100, ^.cols := 20,^.cls := "form-control",
                  ^.value := employee.addresses.mkString(","), ^.onChange ==> updateAddresses))
              
            )
    )
)

但这会产生错误：Required Tagmod, found Seq[Tag[html.form]]

Answer 1

看起来您需要.toTagMod在map. 请参阅VDOM 文档中的集合部分