ฉันต้องการใช้ React เพื่อเพิ่มส่วนประกอบหลาย ๆ ครั้งตลอด DOM ซอนี้แสดงให้เห็นว่าฉันต้องการทำอะไรและมันไม่ได้ทำให้เกิดข้อผิดพลาดใด ๆ นี่คือรหัส:
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'));ฉันเคยเห็นคำถามนี้แล้วและฉันกลัวว่าการทำตามข้างต้นจะเสี่ยงต่อการที่ส่วนประกอบของปฏิกิริยารบกวนซึ่งกันและกัน คำตอบสำหรับคำถามนั้นแนะนำให้ใช้การแสดงผลฝั่งเซิร์ฟเวอร์ซึ่งไม่ใช่ตัวเลือกสำหรับฉันเนื่องจากฉันใช้ Django ฝั่งเซิร์ฟเวอร์
ในทางกลับกันบางทีสิ่งที่ฉันทำก็โอเคเพราะฉันติดตั้งไลบรารี React เพียงอินสแตนซ์เดียว (ตรงข้ามกับคอมโพเนนต์หลายตัวที่เรียกอินสแตนซ์ของ React ของตัวเอง)?
วิธีการใช้อินสแตนซ์ DOM หลายรายการเป็นวิธีที่ใช้ได้ในการใช้ React หรือไม่