如何使用React的javascript模块对象（HTML + JS embeed）

Question

我想使用定义为的javascript模块，例如：

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，但使用React。

我似乎找不到一种方法来管理它，因为它在注入阶段改变了DOM，而React讨厌它。

有什么建议吗？

Answer 1

好的，所以我和那些负责将引导程序包装到对象组件中的人进行了交谈，他们确认我无法使用任何VDOM库。