自定义Uppy插件

Question

我正在尝试制作一个自定义的Uppy React插件，但是我得到了以下错误

'TypeError:无法将类作为函数调用‘

import Plugin from 'uppy/src/core/Plugin';

export default class DropZone extends Plugin {
}

然后，我按如下方式使用该组件：

import React from 'react';
import Uppy from 'uppy/lib/core/Core';
import DropZone from '../DropZone';

const uppy = new Uppy({ debug: true });
uppy.run();

export default class FileManager extends React.Component {
  render() {
    return (<DropZone uppy={uppy} />);
  }
}

为了简单起见，我删减了代码。我查看了uppy插件的实现，并跟踪了它的实现，但仍然得到相同的错误。

有没有人有过为Uppy编写react插件的经验？因为我不知道如何解决这个错误。

谢谢

Answer 1

我已经使用下面的import语句成功创建了一个插件：

import { Uppy, Plugin, PluginOptions, UppyFile } from "@uppy/core";

从你的问题中不清楚你是在使用npm包，还是已经手动下载了，但在我的例子中，我使用以下命令安装了Uppy：

npm i @uppy/core

Answer 2

首先，在您的"DropZone“插件中，您至少需要实现install()和uninstall()方法(这些方法由uppy调用)。

其次，如果你想告诉uppy使用你的插件，你需要这样做：const uppy = new Uppy({ debug: true }) .use(DropZone) .run();

我建议简单地使用looking at the source code for other plugins来理解它们是如何工作的，有不同种类的插件--用于文件管理的提供者，用于在仪表板中显示的图形用户界面插件，等等。

希望这能有所帮助