Question

我在一个较旧的React应用程序上工作，该应用程序导入了jquery table sorter以便向用户显示表并允许排序/过滤。我最近将此应用程序从gulp迁移到了webpack，现在在构建时，我收到一个错误消息，即“ .tablesorter（）”未定义。

以前，我们使用的表排序器如下：

componentDidMount = () => {
    let filterOption = false;
    let widgetOption = ["sortTbody"];
    if (this.props.items.length > 1) {
      filterOption = true;
      widgetOption = ["sortTbody", "filter"];
    }
    $("#sortabletable").tablesorter({
      widgets: widgetOption,
      widgetOptions: {
        sortTbody_primaryRow: ".main",
        sortTbody_sortRows: false,
        sortTbody_noSort: "tablesorter-no-sort-tbody",
        scroller_jumpToHeader: false,
        scroller_upAfterSort: false,
        filter_childRows: filterOption
  }
});

并确保将index.html中的tablesorter库导入：

<script type="text/javascript" src="/libs/tablesorter-master/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="/libs/tablesorter-master/js/jquery.tablesorter.widgets.js"></script>
<script src="/libs/tablesorter-master/js/widgets/widget-sortTbodies.js">

现在，我没有时间实现新的表库。我该如何使这个jquery插件与现代React一起使用？我已经读过Integrating with Other Libraries，但似乎无法获得有效的解决方案。

任何想法都值得赞赏。

将jQuery插件与React和Webpack结合使用

0 个答案: