ReactJSとUIKitを使用してすべての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」のエラーが出る、「UIKitの」オブジェクトを見つけることができない反応することを思えます。

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 
    }); 
}); 

これは下に置くことができます。そして、それはあなたが輸入しているのUIKitで動作します

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

でもない

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

の内側。