Nhiều trường hợp của cùng một thành phần phản ứng

Question

Tôi muốn thêm thành phần phản ứng, tính năng nhận xét, vào trang web không phản ứng.

Trang web có trang tin tức với cuộn vô hạn. Dưới mỗi câu chuyện tin tức tôi muốn bao gồm các thành phần bình luận phản ứng. Tôi dự định mô hình hóa nó sau hướng dẫn FB tại đây: http://facebook.github.io/react/docs/tutorial.html

Câu hỏi của tôi là, làm cách nào để tự động gắn kết từng thành phần React vào phần tử DOM? Về cơ bản, tôi muốn có nhiều phiên bản của cùng một thành phần bình luận phản ứng, nhưng với mỗi cá thể gắn liền với một câu chuyện duy nhất (div).

Tôi nghĩ tôi cần hiển thị thành phần phản ứng ở phía máy chủ, nơi tôi có thể đặt động React.renderComponent. Bất kỳ con trỏ/ví dụ đánh giá cao.

Answer 1

Khi bài được thêm bạn cần phải có dữ liệu của bạn và nút đích dom (chúng tôi sẽ gọi cho các biến data và el)

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

Hoặc không JSX

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

Để làm sạch lên:

React.unmountComponentAtNode(el); 

Để hiển thị bên máy chủ, bạn ca n làm:

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

và miễn là kết quả của sự kết thúc lên như el trên máy khách, bạn có thể gắn nó với React.render như đã đề cập ở trên.