ユーザーが詳細を入力するために使用できる単純な Web ページを開発しようとしています。これらの詳細をバックエンド サービスに送信する必要があります。scalajs-react フレームワークを使用しています。私の基本的なコードは次のとおりです。
ScalaComponent
.builder[Props]("Home")
.render_P { props =>
<.div(
<.p("Welcome"),
<.form(
<.label("Name:",
<.input.text(^.name := "name", ^.id := "personName")),
<.br,
<.label("About you:",
<.textarea(^.name := "description", ^.id := "personDescription")),
<.br,
<.button(
^.onClick --> handleSubmitAction,
"Press me")
)
)
}
.build
def handleSubmitAction: Callback = {
...extract details from form and create Person json to send to backend service
Callback.empty
}
したがって、基本的には、ユーザーがボタンを押すと handleSubmitAction が呼び出され、その中に json オブジェクト (Person) を作成し、それをバックエンド サービスに送信する必要があります。
フォーム データを抽出し、ローカルで実行されているバックエンド サービスに送信する方法がわかりません。