Использование плагина jquery с React и веб-пакетом - PullRequest
Новая
       12

Использование плагина jquery с React и веб-пакетом

0 голосов
/ 05 марта 2019

Я работаю над старым приложением React, которое импортирует сортировщик таблицы jquery для отображения таблицы пользователю и разрешения сортировки / фильтрации. Я недавно перенес это приложение из 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, например: 

<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">

Прямо сейчас у меня нет времени, чтобы реализовать новую библиотеку таблиц. Как я могу заставить этот плагин работать с современным React? Я прочитал Интеграция с другими библиотеками , но мне кажется, что я не могу найти работающее решение.

Любые идеи очень ценятся.

...