如何使用 KotlinJS 和 React 提交表单？

Question

我想显示一个文件选择器和一个提交按钮。单击按钮后，文件才会被提交。 submit/action 目标虽然在另一台服务器上。我看了反应示例，但我无法弄清楚如何做的确切方法使用 KotlinJS 和 React 实现这一点。

formMethod 和 onSubmitFunction 中的重复项只是我在尝试，看看有什么问题。我也试过直接在表单中添加 method = FormMethod.post, encType = FormEncType.multipartFormData，但没有用。它甚至不输出调试打印。

编辑：我不需要对文件做任何其他事情，我想利用默认的表单功能进行上传。另一台服务器也是我的，有一个简单的 html/http 上传就足够了：

<form method="post" enctype="multipart/form-data">
      <input type="file" name="file">
      <input type="submit" value="Upload">
</form>

编辑结束

EDIT2：我稍微更改了代码，现在它引用了另一台服务器，但没有附加任何文件。

private fun RBuilder.render() {
    form(
        method = FormMethod.post,
        encType = FormEncType.multipartFormData,
        action = "https://otherserver.com/upload"
    ) {
        styledInput {
            attrs {
                type = InputType.file
                accept = ".zip"
                multiple = false
           }
        }
        styledInput {
            attrs {
                type = InputType.submit
                value = "Test"
            }
        }
    }
}

Answer 1

在这种情况下，名称参数似乎是必须的。

以下作品：

private fun RBuilder.render() {
    form(
        method = FormMethod.post,
        encType = FormEncType.multipartFormData,
        action = "https://otherserver.com/upload"
    ) {
        styledInput {
            attrs {
                name = "upload"
                type = InputType.file
                accept = ".zip"
                multiple = false
           }
        }
        styledInput {
            attrs {
                type = InputType.submit
                value = "Test"
            }
        }
    }
}

如何使用 KotlinJS 和 React 提交表单？

How to submit a form with KotlinJS and React?

reactjs

kotlin-js-interop

kotlin-js