React를 사용하여 표준 DOM에서 여러 구성 요소를 렌더링하려고 시도했습니다.

'표준'DOM에 여러 구성 요소를 렌더링하려고합니다. 처음에는 이 렌더링되고 (아래) 렌더링 된 두 번째 집합은 렌더링되지 않습니다. 어떤 아이디어? btw, 'Card'구성 요소는 'JunkComponent'와 동일합니다. "고유 ID"일 수 있습니까? 사전React를 사용하여 표준 DOM에서 여러 구성 요소를 렌더링하려고 시도했습니다.

에서

덕분에이 링크가 가장 설명해야이 :

http://pastebin.com/8f7HVyyj

출처

2016-06-28 mr. onoffon

당신은 같은 ID를 가진 요소를 작성해서는 안됩니다.

귀하의 페이지에 ID가 JunkTestComponent 인 두 가지 요소가 있으므로 React 렌더 <JunkComponent />은 처음 것에서 만 렌더링합니다.

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

출처

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

roaiven : I'v이 '고유 ID-믹스 인 함께 사용하면 실패 고유 ID를,'아이디 '를 제공하기 위해 노력 또한 당신도 당신이 전화를해야 #Card의 구성 요소를 렌더링 할 경우

'. 이드는 어디에 만들어 져서 사용해야합니까? –

나는 당신을 제대로 이해하지 못한다. 각 반응 지점에 대해 대응하는 html 노드를 만들어야한다. 예를 들어'# Card'에 렌더링 반응 요소를 넣고 싶다면'ReactDOM.render (, document.getElementById ('Card'));'를 사용하십시오. 두 번째 장착 점을 사용하려면 다른 ID로 새 html 노드를 만들고 거기에 구성 요소를 탑재해야합니다. – 1ven

또한 여러 개의 반응 지점이 필요한 이유는 무엇입니까? 대부분의 경우, 마운팅 포인트 하나를 사용하는 것으로 충분합니다. 하나의 루트 구성 요소를 만들고 그 안에 다른 구성 요소를 배치하십시오. – 1ven

React를 사용하여 표준 DOM에서 여러 구성 요소를 렌더링하려고 시도했습니다.

답변

관련 문제