如何使用ReactJS和UIKit加載所有UIkit Accordions？

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

這可以被放置在：

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

但不是裏面的

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

然後它與您要導入的UIKit。