переопределение события onDrop, прерывающего предварительный просмотр ImageInput - PullRequest
Новая
       26

переопределение события onDrop, прерывающего предварительный просмотр ImageInput

0 голосов
/ 22 марта 2019

Я пытаюсь переопределить onDrop() в <ImageInput>, но при загрузке файла происходит сбой. Это не показывает предварительный просмотр изображения.

Следующее является компонентом. Я звоню в API, который вернет мне URL, и устанавливаю состояние для дальнейшей цели. 

import React, { Component } from 'react';
import { ImageInput, ImageField } from 'react-admin';

import service from '../../providers/service';

class ImageUpload extends Component {
  onDropChange = (files) => {
    const file = new FormData();
    file.append('image', files[0]);
    service('post', 'upload', file)
      .then((response) => {
        response.data.partner_logo_url = response.data.url;
        this.props.onPartnerLogo(response.data.url);
        return response;
      });
  };

  render() {
    const { source, validate, label } = this.props;

    return (
      <ImageInput
        source={source}
        validate={validate}
        label={label}
        accept="image/*"
        options={{
          onDrop: this.onDropChange,
        }}
      >
        <ImageField source="src"/>
      </ImageInput>
    );
  }
}

export default ImageUpload;
...