试图渲染标准DOM中的多个组件，使用React

我试图渲染'标准'DOM上的多个组件。第一个集（下）呈现，但第二个相同集不。任何的想法为什么？顺便说一下，'Card'组件与'JunkComponent'相同。这可能是一个“唯一的ID”的东西？试图渲染标准DOM中的多个组件，使用React

在此先感谢

这个环节应该更好地解释：

http://pastebin.com/8f7HVyyj

来源

2016-06-28 mr. onoffon

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

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

此外，如果你想呈现在#Card组件也应该叫：

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

来源

2016-06-28 16:46:37 1ven

roaiven：我心中已经想给“ID”的唯一ID，以独特的-ID-混入使用时失败”。应该在哪里创建和使用ID？ –

我无法正确理解你..对于每个反应安装点，你应该创建相应的html节点。例如，如果你想渲染反应组件到'＃Card'中，使用'ReactDOM.render（，document.getElementById（'Card'））;'。如果你想使用第二个挂载点，你应该使用其他id创建新的html节点，并在那里挂载组件。 – 1ven

另外，为什么你需要多个反应安装点？对于大多数情况下，使用一个安装点就足够了。只需创建一个根组件并在其中放置其他组件。 – 1ven

试图渲染标准DOM中的多个组件，使用React

回答

相关问题