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

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

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

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