尝试使用React在标准DOM中渲染多个组件

Question

我试图在＆＃39;标准＆＃39;上渲染多个组件。 DOM。首先 set（下面）渲染，但第二个相同的集合没有渲染。任何 想法为什么？顺便说一句，＆＃39;卡＆＃39;组件与＆＃39; JunkComponent＆＃39;相同。 这可能是一个独特的ID＆＃34;事情？

提前致谢

此链接最好解释一下：

http://pastebin.com/8f7HVyyj

Answer 1

您不应该创建具有相同ID的元素。

由于您的网页上有两个ID为JunkTestComponent的元素。 React仅在第一个中呈现<JunkComponent />。

此外，如果您想在#Card中渲染组件，也应该调用：

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