2016-07-06 3 views
0

collapsable bootstrap accordionを生成するためにはとjavascriptのモジュールオブジェクト(HTML + JSのembeed)の使い方リアクトIは、例えば、として定義された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を変更するため、これを管理する方法が見つからないようです。

提案がありますか?

+0

希望の出力はどのように見えますか? –

+0

私は記事を更新しました。あなたは正しくありませんでした。それは明確な感謝ではありませんでした。 –

+0

'Accordion'コンポーネントを作成する必要があります。現時点では、この質問が広すぎるリスクがあります。 –

答えて

0

さて、私はこのブートストラップをオブジェクトコンポーネントにラップする責任者に話しかけ、どのVDOMライブラリでも使用できないことを確認しました。

関連する問題