Я не могу получить правильное значение в хранилище при попытке загрузить файл. Вместо содержимого файла я получаю что-то вроде { 0: {} }
.
Здесь код:
const renderInput = field => (
<div>
<input {...field.input} type={field.type}/>
{
field.meta.touched &&
field.meta.error &&
<span className={styles.error}>{field.meta.error}</span>
}
</div>
);
render() {
...
<form className={styles.form} onSubmit={handleSubmit(submit)}>
<div className={styles.interface}>
<label>userpic</label>
<Field
name="userpic"
component={renderInput}
type="file"
/>
</div>
<div>
<button type="submit" disabled={submitting}>Submit</button>
<div>
</form>
...
}
Все примеры в Интернете, которые я нашел, были сделаны с использованием v5 редукционной формы.
Как выполнить ввод файла в редукс-форме v6?