Как загружать файлы форм реагирующим способом? - PullRequest
0 голосов
/ 21 января 2019

Могу ли я отправить файлы формы без использования ссылок React?

Есть ли способ отправки файлов до загрузки формы в стиле реагирования (без ссылок)?

Воткод

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} />
}

Это код, использующий ссылки, его можно написать без него?

Я пытался сохранить состояние формы (например, «отправка», «отправка»), но не знаю, как связать его с загрузкой файла.

...