Блог

я пытаюсь интегрировать dropzone в свое приложение react без использования каких-либо пакетов react dropzone, так как у меня возникли проблемы с доступом к методу processQueue (), например, с помощью react-dropzone-uploader. Сейчас я использую стандартную зону выпадения пакетов npm.

Ниже вы можете увидеть мою реализацию зоны выпадения. У меня следующая проблема: когда прикрепленный компонент обрабатывается один раз, кажется, что все в порядке. кнопка в элементе с надписью «удалить файлы сюда» видна. но как только я перехожу на другую вкладку и возвращаюсь на вкладку dropzone, что приводит ко второй обработке » componentDidMount ()», текст «файлы здесь» отсутствует. Что я делаю не так? Кроме того, метод processQueue() всегда вызывается немедленно, даже если я установил значение autoProcessQueue равным false…

 class Upload extends Component {

  componentDidMount(){
    Dropzone.options.upload = {
      paramName: "file",
      autoProcessQueue: false,
      uploadMultiple: true,
      parallelUploads: 10,
      maxFilesize: 10,
      maxFiles: 10,
      acceptedFiles: ".png, .jpg, .jpeg",
      dictDefaultMessage: "drop files here"
    };
 
  }

  render() {
    return (
      <div class='wrapper_upload'>
        <form class="dropzone" method="POST" action="{{ url_for('test') }}" id="upload">
        </form>
      </div>
    )
  }
}