javascript - jquery gridster react 组件

Question

我试图将 jquery.gridster 包装为 React 组件并收到错误。

“未捕获类型错误:(0，_jquery2.default)(...).gridster 不是函数”

import $ from 'jquery';
    componentDidMount() {
            var gridster = $(ReactDOM.findDOMNode(this)).gridster({
                widget_margins: [5, 5],
                widget_base_dimensions: [150, 150],
                resize: {
                    enabled: true
                }
            }).data('gridster');
        }

我已将脚本标签添加到index.html

<script type="text/javascript" src="assets/jquery.js"></script>
<script type="text/javascript" src="assets/jquery.gridster.js" charster="utf-8"></script>

我不确定这是否是正确的方法，不确定如何导入gridster。以前有人尝试过吗？

Answer 1

我没问题

import $ from 'jquery'
import gridster from 'gridster/dist/jquery.gridster'

在我的 webpack 配置中

plugins: [
    new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery"
    })

]