如何在 React 中使用 JavaScript 模块对象(HTML + JS 嵌入）

我想使用定义为的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);

为了产生一个可折叠的引导手风琴，但与 React.

我似乎找不到一种方法来管理这个问题，因为它在注入阶段会改变 DOM，这是 React 讨厌的。

有什么建议吗？