Использование расширенного поставщика данных - загрузка файла, как получить ответ сервера в обработчике onSuccess - PullRequest
Новая
       33

Использование расширенного поставщика данных - загрузка файла, как получить ответ сервера в обработчике onSuccess

0 голосов
/ 10 июля 2020

Что мне нужно изменить в настраиваемом поставщике данных, чтобы в обработчике onSuccess, запускаемом после создания / обновления, я получил доступ к ответу JSON от сервера? Сейчас я вижу только данные, которые были отправлены на сервер в обработчике.

ссылки: https://marmelab.com/react-admin/CreateEdit.html#onsuccess

и

https://marmelab.com/react-admin/DataProviders.html#decorating -ваш-поставщик-данных-пример-загрузки-файла 

import simpleRestProvider from 'ra-data-simple-rest';

const dataProvider = simpleRestProvider('http://path.to.my.api/');

const myDataProvider = {
    ...dataProvider,
    update: (resource, params) => {
        if (resource !== 'posts' || !params.data.pictures) {
            // fallback to the default implementation
            return dataProvider.update(resource, params);
        }
        /**
         * For posts update only, convert uploaded image in base 64 and attach it to
         * the `picture` sent property, with `src` and `title` attributes.
         */
        
        // Freshly dropped pictures are File objects and must be converted to base64 strings
        const newPictures = params.data.pictures.filter(
            p => p.rawFile instanceof File
        );
        const formerPictures = params.data.pictures.filter(
            p => !(p.rawFile instanceof File)
        );

        return Promise.all(newPictures.map(convertFileToBase64))
            .then(base64Pictures =>
                base64Pictures.map(picture64 => ({
                    src: picture64,
                    title: `${params.data.title}`,
                }))
            )
            .then(transformedNewPictures =>
                dataProvider.update(resource, {
                    ...params,
                    data: {
                        ...params.data,
                        pictures: [
                            ...transformedNewPictures,
                            ...formerPictures,
                        ],
                    },
                })
            );
    },
};

/**
 * Convert a `File` object returned by the upload input into a base 64 string.
 * That's not the most optimized way to store images in production, but it's
 * enough to illustrate the idea of data provider decoration.
 */
const convertFileToBase64 = file =>
    new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.onload = () => resolve(reader.result);
        reader.onerror = reject;

        reader.readAsDataURL(file.rawFile);
    });

export default myDataProvider;
...