Вы должны поместить функцию в компонент Dropzone, как указано в их официальных документах.И вы сами можете увидеть это по ошибке.children Дрозона нужна функция для правильной работы.
У меня есть рабочий пример из моего собственного проекта:
<Dropzone onDrop={this.onDrop}>
{
({ getRootProps, getInputProps }) => {
return (
<div {...getRootProps()} className="image-dropzone">
<input {...getInputProps()} />
<div className="preview-container">
<div className="preview">
{
!isEmpty(files) ? (
<img src={files[0].preview} alt={files.name} />
) : (
<span>your thumbnail goes here...</span>
)
}
</div>
</div>
</div>
)
}
}
</Dropzone>
Этот код предварительно просматривает изображение на files пропелле после того, как пользователь добавил изображение через Reaction-Dropzone.
Вы можете попытаться адаптироваться к вашему коду.По сути, вам нужен ввод внутри функции внутри Dropzone компонента, и этот ввод действует как общий ввод с type = "file".