Несколько экземпляров одного и того же реагирующего компонента

Question

Я хочу добавить компонент реакции, функцию комментариев, к нередательному сайту.

Сайт имеет страницу новостей с бесконечной прокруткой. Под каждой новостью я хочу включить компонент реагирующих комментариев. Я планирую моделировать его после учебника FB: http://facebook.github.io/react/docs/tutorial.html

Вопрос в том, как динамически смонтировать каждый компонент React в элемент истории DOM? В принципе, я хочу иметь много экземпляров одного и того же компонента комментариев комментариев, но каждый экземпляр привязан к уникальной истории (div).

Я думаю, что мне нужно визуализировать компонент реакции на стороне сервера, где я могу динамически установить React.renderComponent. Любые указатели/примеры оценены.

Answer 1

Когда сообщение добавляется вам необходимо иметь данные и узел целевой Dóm (мы будем называть эти переменные data и el)

React.render(<MyComponent data={data} />, el); 

Или без JSX

React.render(React.createElement(MyComponent, {data: data}), el); 

Для очистки вверху:

React.unmountComponentAtNode(el); 

Для оказания поддержки стороне сервера п делать:

React.renderToString(React.createElement(MyComponent, {data: data})) 

и до тех пор, как результат того, что в конечном итоге, как el на клиенте, вы можете смонтировать его с React.render, как упоминалось выше.