ใน React 19 การจัดการแท็กที่ไม่คาดคิดในระหว่างการให้ความชุ่มชื้นได้รับการปรับปรุงอย่างมีนัยสำคัญโดยเฉพาะอย่างยิ่งในการโต้ตอบกับสคริปต์ของบุคคลที่สามและส่วนขยายเบราว์เซอร์ นี่คือตัวอย่างเฉพาะของวิธีการตอบสนอง 19 ข้ามแท็กที่ไม่คาดคิด:
ข้ามแท็กที่ไม่คาดคิด
1. องค์ประกอบของศีรษะและร่างกาย: เมื่อปฏิกิริยาพบกับแท็กที่ไม่คาดคิดในส่วน `
` และ `` ส่วนของเอกสารในระหว่างการชุ่มชื้นมันจะข้ามแท็กเหล่านี้อย่างชาญฉลาดแทนที่จะเรียกเกิดข้อผิดพลาดที่ไม่ตรงกัน ซึ่งหมายความว่าหากสคริปต์บุคคลที่สามได้แทรกองค์ประกอบที่ไม่ตรงกับ HTML ที่แสดงเซิร์ฟเวอร์ React จะไม่พยายามกระทบยอดความแตกต่างเหล่านี้ดังนั้นจึงหลีกเลี่ยงข้อผิดพลาดที่อาจเกิดขึ้นและการหยุดชะงักในกระบวนการแสดงผลของแอปพลิเคชัน [1] [2] [4]2. การรักษาสไตล์ชีท: หาก React จำเป็นต้องแสดงเอกสารทั้งหมดอีกครั้งเนื่องจากความไม่ตรงกันของความชุ่มชื้นที่ไม่เกี่ยวข้องกับการดัดแปลงของบุคคลที่สามมันจะทำให้สไตล์ชีทใด ๆ ที่แทรกโดยสคริปต์เหล่านั้น สิ่งนี้ทำให้มั่นใจได้ว่าความสมบูรณ์ของภาพของแอปพลิเคชันยังคงไม่เปลี่ยนแปลงแม้ว่าจะตรวจพบความคลาดเคลื่อน [2] [4]
3. การจัดการการดัดแปลงบุคคลที่สาม: ก่อนหน้านี้การดัดแปลงใด ๆ ที่ทำโดยสคริปต์ของบุคคลที่สามอาจนำไปสู่ข้อผิดพลาดของการชุ่มชื้นเนื่องจาก React จะพยายามกระทบยอด HTML ที่แสดงเซิร์ฟเวอร์ด้วย HTML ฝั่งไคลเอ็นต์ที่ปรับเปลี่ยน ใน React 19 การปรับเปลี่ยนเหล่านี้จะถูกละเว้นในระหว่างการชุ่มชื้นทำให้แอปพลิเคชันทำงานต่อไปได้อย่างราบรื่นโดยไม่ได้รับผลกระทบจากการเปลี่ยนแปลงภายนอก [1] [4]
ตัวอย่างสถานการณ์
พิจารณาสถานการณ์ที่สคริปต์ของบุคคลที่สามเพิ่มแท็ก `