Reagieren-bootstrap-Akkordeon funktioniert nicht richtig

Ich versuche zu lernen reagieren. Gibt es eine zu gehen, ich war das Experimentieren mit reagieren-bootstrap und war versucht zu implementieren Akkordeon mit reagieren-bootstrap-Akkordeon. Zuerst habe ich versucht, mit ButtonToolBar, es funktionierte.

var ButtonToolbar = ReactBootstrap.ButtonToolbar;
var Button = ReactBootstrap.Button;
var buttonsInstance = (
    <ButtonToolbar>
      <Button>Submit</Button>
      <Button>Cancel</Button>
    </ButtonToolbar>
);

React.renderComponent(
    buttonsInstance,
    document.getElementById('app')
);

Aber, reagieren-bootstrap ' s Akkordeon-code nicht funktioniert. Es war, zeigt die Inhalte aber nicht wie wir schon im Fall des Akkordeons. Hier ist der code:

var Accordion = ReactBootstrap.Accordion;
var Panel = ReactBootstrap.Panel;

var accordionInstance = (
    <Accordion>
      <Panel header="Collapsible Group Item #1" key={1}>
        Content1
      </Panel>
      <Panel header="Collapsible Group Item #2" key={2}>
        Content2
      </Panel>
      <Panel header="Collapsible Group Item #3" key={3}>
        Content3
      </Panel>
    </Accordion>
);

React.renderComponent(
    accordionInstance,
    document.getElementById('app')
);

Ich habe auch versucht , diese auch brav die gleichen. Ich war mit Hilfe von hier.

Gibt es eine ähnliche Frage hier. Aber, in meinem Fall, ich kann nicht es funktioniert ohne anpassen der ReactBootstrp.Panel.

Jede Idee, wie kann ich arbeiten?

InformationsquelleAutor mAc | 2014-11-19
Schreibe einen Kommentar