如何以反应的方式上载表单文件？

Question

我可以不使用React Refs提交表单文件吗？

有没有一种方法可以在表单上载之前以React-y样式（没有引用）提交文件？

这是一个代码

FileUploader.js

state = {
    files: []
}

uploadFile = async (data, url) => {
  // some async upload code
}

beforeSubmit = async () => {
    // call this.uploadFile
    // update state
}

render() {
    // return <input /> etc
}

Form.js

constructor(props) {
    super(props);
    this.fileInputRef = React.createRef();
}

handleUpload = () => {
  await this.fileInputRef.beforeSubmit();
  // submit form
}

render() {
    return <FileUploader ref={this.fileInputRef} />
}

这是使用refs的代码，可以不用它编写吗？

我尝试维护表单状态（例如“提交”，“提交”），但idk如何将其与文件上传链接。