Draftjs 提到带有 browserify 的插件

Question

我试图让 Draft-js 中的提及插件与 Browserify 一起使用。 这是因为我们的应用程序是使用 Browserify 构建的。

关于这个插件：https://www.draft-js-plugins.com/plugin/mention

在示例中，他们使用 Webpack，并且使用导入。

我使用要求。所以我的代码的一个例子是：

var React       = require('react'),
    Draft       = require('draft-js'),
    Immutable   = require('immutable'),
    Editor      = require('draft-js-plugins-editor'),
    Mention     = require('draft-js-mention-plugin');

var mentionPlugin = Mention.createMentionPlugin();
var MentionSuggestions = mentionPlugin.MentionSuggestions;
var plugins = [mentionPlugin];

var Editor = React.createClass({
    // Code
});

我不使用 ES6 表示法。 有人知道我做错了什么吗？

Answer 1

该插件的默认导出是实际的创建函数，所以它应该是：

var createMentionPlugin = require('draft-js-mention-plugin');

var mentionPlugin = createMentionPlugin();
var MentionSuggestions = mentionPlugin.MentionSuggestions;
var plugins = [mentionPlugin];