reactjs - scalajs-react: オブジェクトの Seq をループして UI を設定する方法

Question

私はscalaj-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]]