scalajs-react:如何循环一个对象序列来填充UI

Question

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

那么我如何迭代自定义对象的序列和填充UI与他们的内容在scalajs-react?

所以我试着把下面的代码放在现有的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

看起来您需要在map之后添加.toTagMod。请参阅VDOM

文档中的集合部分。