2016-07-06 55 views
0

我想用定義爲JavaScript的模塊,例如:如何使用的JavaScript對象模塊(HTML + JS embeed)反應

new Accordion({ 
    items: [{ 
     title: 'First section', 
     content: 'Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ' + 
       'ut n eque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit ' + 
       'amet, nunc. Nam a n ibh. Donec suscipit eros. Nam mi. Proin viverra leo ut ' + 
       'odio. Curabitur malesuada. V estibulum a velit eu ante scelerisque vulputate.' 
    }, { 
     title: 'Second section', 
     content: 'Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. ' + 
       'V ivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, ' + 
       'faucibus i nterdum tellus libero ac justo. Vivamus non quam. In suscipit ' + 
       'faucibus urna.' 
    }, { 
     title: 'Third section', 
     content: 'Cras dictum. Pellentesque habitant morbi tristique senectus et netus et ' + 
       'm alesuada fames ac turpis egestas. Vestibulum ante ipsum primis in ' + 
       'faucibus orci l uctus et ultrices posuere cubilia Curae; Aenean lacinia ' + 
       'mauris vel est.' 
    }, { 
     title: 'Fourth section', 
     content: 'Dies iræ, dies illa, dies tribulationis et angustiæ, dies calamitatis et '+ 
       'm iseriæ, dies tenebrarum et caliginis, dies nebulæ et turbinis, dies tubæ '+ 
       'et clangoris s uper civitates munitas et super angulos excelsos.' 
    }] 
}).inject(document); 

,以產生collapsable bootstrap accordion,但反應。

我似乎無法找到一種方法來管理這個問題,因爲它在注入階段使DOM變異,而React不喜歡。

有什麼建議嗎?

+0

期望的輸出是什麼樣子? –

+0

我更新了帖子,你說的沒錯,謝謝:) –

+0

你需要創建一個'Accordion'組件,它需要在它的道具中使用它們並使用它們來渲染一些HTML。目前,這個問題有可能過於寬泛...... –

回答

0

好吧,我已經跟負責將這個bootstrap包裝到對象組件中的人進行了交流,他們證實了我對任何VDOM庫都無法使用。