Draftjs使用browserify

Question

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

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

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

我使用require。所以我的代码的例子是：

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

该插件的默认导出是实际的create-function，因此它应该是：

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

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