Как получить все UIkit Accordions, открытые при загрузке с помощью ReactJS и UIKit?

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 (in promise) Error: (SystemJS) SyntaxError: https://localhost/js/components/Facets.js : Unexpected token (23:5) 21 | 22 | > 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, которые вы импортируете.