Question

我正在构建一个ReactJS应用程序并使用UIkit我正在使用手风琴组件，我希望所有的手风琴都在页面加载时展开。我试着使用这段代码：

UIkit.on('afterready.uk.dom', function() {
     var accordion = UIkit.accordion(UIkit.$('#my-accordion'), {collapse:false, showfirst: false});
     accordion.find('[data-wrapper]').each(function () {
         accordion.toggleItem(UIkit.$(this), true, false); // animated true and collapse false
    });
});

但是我在“UIkit.on”上收到错误，似乎React找不到“UIkit”对象。

在我的React组件中，我正在导入这些：

    import 'uikit/js/uikit.js';
    import 'uikit/js/components/accordion.js';

我收到此错误：

system.src.js：5123 Uncaught（在promise中）错误：（SystemJS）语法错误：https://localhost/js/components/Facets.js：意外的令牌（23：5）21 | 22 | ＆GT; 23 | UIkit.on（'afterready.uk.dom'，function（）{| ^ 24 | var accordion = UIkit.accordion（UIkit。$（'＃facets'），{collapse：false，showfirst：false}）; 25 | accordion.find（'[data-wrapper]'）。each（function（）{26 | accordion.toggleItem（UIkit。$（this），true，false）; // animated true and collapse false

Answer 1

作为UIkit和ReactJS的新手，我能够找到上述问题的答案。

UIkit.on('afterready.uk.dom', function() {
 var accordion = UIkit.accordion(UIkit.$('#my-accordion'), {collapse:false, showfirst: false});
 accordion.find('[data-wrapper]').each(function () {
     accordion.toggleItem(UIkit.$(this), true, false); // animated true and collapse false
  });
});

这可以放在：

import 'uikit/js/uikit.js';
import 'uikit/js/components/accordion.js';

但不在

之内

export default class NameOfClass extends React.Component {...}

然后它适用于您要导入的UIkit。

如何使用ReactJS和UIKit加载所有UIkit手风琴？

1 个答案: