Не удается загрузить изображение в форме Redux

Question

Попробуйте сохранить изображение с помощью формы Redux. Я строю его при чтении этого примера , но ошибка возникает при разработке ввода. Если я использую value={null}, это работает. Но я не могу показать изображение для предварительного просмотра.

image_form. js

import React from "react";

class ImageForm extends React.Component {
  constructor(props) {
    super(props);
    this.onChange = this.onChange.bind(this);
  }

  onChange(e) {
    const {
      input: { onChange }
    } = this.props;
    onChange(e.target.files[0]);
  }

  render() {
    const {
      input: { value }
    } = this.props;

    return (
      <div className="formItem">
        <img src={value} />
        <input type="file" value={value} onChange={this.onChange} />
      </div>
    );
  }
}

export default ImageForm;

app. js

import { Field, reduxForm } from "redux-form";
import ImageForm from "./image_form";

render() {
  return (
    <Field type="file" name="image" component={ImageForm} />
  )
}

Пожалуйста, помогите мне, если у вас есть идеи, чтобы решить эту проблему.