Tôi muốn sử dụng React để thêm các thành phần nhiều lần trong suốt DOM. Fiddle này hiển thị những gì tôi đang tìm cách làm và nó không có bất kỳ lỗi nào. Đây là mã:
HTML:
<div id="container">
<!-- This element's contents will be replaced with the first component. -->
</div>
<div id="second-container">
<!-- This element's contents will be replaced with the second component. -->
</div>
JS:
var Hello = React.createClass({
render: function() {
return <div>Hello {this.props.name}</div>;
}
});
React.render(<Hello name="World" />, document.getElementById('container'));
React.render(<Hello name="Second World" />, document.getElementById('second-container'));
Tôi đã thấy câu hỏi này và tôi sợ rằng bằng cách làm ở trên, tôi sẽ gặp rủi ro để các thành phần React can thiệp vào nhau. Câu trả lời cho câu hỏi đó đề xuất sử dụng kết xuất phía máy chủ, đây không phải là một tùy chọn đối với tôi vì tôi đang sử dụng phía máy chủ Django.
Mặt khác, có lẽ những gì tôi đang làm là ổn vì tôi chỉ có một phiên bản của thư viện React được gắn kết (trái ngược với nhiều thành phần gọi phiên bản React của riêng chúng)?
Cách sử dụng nhiều phiên bản DOM này có phải là cách sử dụng React phù hợp không?