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?
Du musst angemeldet sein, um einen Kommentar abzugeben.
So, ich hoffe, Sie haben schon die Antwort auf deine Frage, aber der folgende code sollte funktionieren. Ich denke, Sie brauchen einfach zu ändern
key={}
zueventKey={}
Lassen Sie mich wissen, wenn dies nicht für Sie arbeiten.Als seitliche Anmerkung, die ich versuche, herauszufinden, wie um ihn zu stoppen, schließen eines der Fenster, wenn ein anderer man auf öffnen geklickt. Ich denke, ich brauche nur zu spielen mit den
eventKey
Verwenden Platten getrennt zu halten, mehrere panels zu öffnen. Akkordeon Zusammenbruch der inaktiven panels automatisch.