versucht, mehrere Komponenten im Standard-DOM mit React

Question

Rendering Ich versuche, mehrere Komponenten auf "Standard" DOM ​​zu rendern. Der erste Satz (unten) rendert, aber der zweite, identische Satz, tut es nicht. Irgendwelche Idee warum? Übrigens ist die Komponente 'Karte' die gleiche wie 'JunkComponent'. Könnte das eine "einzigartige ID" sein?

Dank im Voraus

Link sollte am besten erklären:

http://pastebin.com/8f7HVyyj

Answer 1

Sie sollten keine Elemente mit gleichen IDs erstellen.

Wie Sie zwei Elemente mit der ID JunkTestComponent auf Ihrer Seite haben. React rendert <JunkComponent /> nur in der ersten.

Auch wenn Sie Komponente im #Card rendern wollen auch sollten Sie rufen:

ReactDOM.render(<JunkComponent />, document.getElementById('Card'));