如何在反应管理员中显示上传进度？

【问题标题】：How to show upload progress in react admin?如何在反应管理员中显示上传进度？
【发布时间】：2019-10-03 17:25:14
【问题描述】：

所以我使用 react-admin https://marmelab.com/react-admin，我想在创建功能上发送文件时显示上传进度。

import React from "react";
import { Create, SimpleForm, FileInput, FileField } from "react-admin";

export const PostFile = props => (
  <Create {...props}>
    <SimpleForm>
      <FileInput source="pictures" label="Related files" multiple={true}>
        <FileField source="src" title="title" />
      </FileInput>
    </SimpleForm>
  </Create>
);

【问题讨论】：

标签： javascript reactjs react-admin

【解决方案1】：

react-admin 使用“乐观渲染”，因此当您开始在数据提供程序中上传时，您在其中拖放文件的创建或编辑表单可能会消失，因此您无法在相同的形式。这可能就是为什么它不是 API 的一部分...

但是您可以实现一个简单的全局事件发射器，它从数据提供者发出“文件上传进度”事件，并让顶级 App 订阅这些事件并在事件处理程序中更新本地 App 状态的进度值，然后有一个通知类型的组件，当您处于上传状态时呈现该进度值。这样做的好处是您不需要更改任何 redux。 react-admin 确实提供了一个 'useNotify' 钩子，您可以在数据提供者中使用它来显示通知，但它仅适用于简单的文本通知。

【讨论】：