試圖渲染標準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

回答

相關問題