React 19 การจัดการสคริปต์ของบุคคลที่สามแตกต่างจากเวอร์ชันก่อนหน้าอย่างไร

ข้ามแท็กที่ไม่คาดคิด

ใน React 19 หากตรวจพบความคลาดเคลื่อนเนื่องจากการดัดแปลงที่ทำโดยสคริปต์หรือส่วนขยายของบุคคลที่สามปฏิกิริยาตอบสนองอย่างชาญฉลาดข้ามแท็กที่ไม่คาดคิดแทนที่จะเรียกเกิดข้อผิดพลาดในการสร้างใหม่ [1] [2] วิธีการนี้ช่วยลดการหยุดชะงักที่อาจเกิดขึ้นจากสคริปต์ภายนอกทำให้มั่นใจได้ว่าประสบการณ์การใช้งานที่ราบรื่นยิ่งขึ้น

การอนุรักษ์สไตล์ชีท

เมื่อ React จำเป็นต้องแสดงเอกสารทั้งหมดอีกครั้งเนื่องจากความไม่ตรงกันของความชุ่มชื้นไม่เกี่ยวข้องกับการดัดแปลงของบุคคลที่สามตอนนี้มันจะเก็บรักษาสไตล์ชีทใด ๆ ที่แทรกโดยสคริปต์เหล่านั้น [1] [2] การปรับปรุงนี้รักษาความสมบูรณ์ของภาพของแอปพลิเคชันแม้ว่าจะตรวจพบความแตกต่าง

ปรับปรุงความเข้ากันได้

React 19 ช่วยเพิ่มความเข้ากันได้ของความชุ่มชื้นโดยการข้ามแท็กที่ไม่คาดคิดในส่วน `` และ `` ส่วนของเอกสาร [2] ซึ่งหมายความว่าหากสคริปต์ของบุคคลที่สามได้แทรกองค์ประกอบที่ไม่ตรงกับ HTML ที่แสดงเซิร์ฟเวอร์ React จะไม่พยายามกระทบยอดความแตกต่างเหล่านี้หลีกเลี่ยงข้อผิดพลาดและการหยุดชะงักที่อาจเกิดขึ้น

ลดข้อผิดพลาด

ในเวอร์ชันก่อนหน้าการแก้ไขที่ทำโดยสคริปต์ของบุคคลที่สามอาจนำไปสู่ข้อผิดพลาดความชุ่มชื้นเนื่องจาก React จะพยายามกระทบยอด HTML ที่แสดงเซิร์ฟเวอร์ด้วย HTML ฝั่งไคลเอ็นต์ที่ปรับเปลี่ยน [2] ตอบสนอง 19 แก้ไขปัญหานี้โดยไม่สนใจการดัดแปลงเหล่านี้ในระหว่างการชุ่มชื้นทำให้แอปพลิเคชันทำงานได้อย่างราบรื่นโดยไม่ได้รับผลกระทบจากการเปลี่ยนแปลงภายนอก

การปรับปรุงเหล่านี้ใน React 19 ช่วยเพิ่มความทนทานของความชุ่มชื้นและมอบประสบการณ์การพัฒนาที่ราบรื่นขึ้นโดยการลดความถี่และผลกระทบของข้อผิดพลาดความชุ่มชื้นที่เกี่ยวข้องกับการปฏิสัมพันธ์ของบุคคลที่สาม