In React 19, la gestione di tag inaspettati durante l'idratazione è stata significativamente migliorata, in particolare nel modo in cui interagisce con script di terze parti ed estensioni del browser. Ecco esempi specifici di come react 19 salta su tag imprevisti:
saltando tag inaspettati
1. Elementi della testa e del corpo: quando React incontra tag inaspettati nelle sezioni `
` `e`2. Preservare fogli di stile: se React deve riapprendere l'intero documento a causa di una mancata corrispondenza dell'idratazione che non è correlata a modifiche di terze parti, lascerà in atto eventuali fogli di stile che sono stati inseriti da tali script. Ciò garantisce che l'integrità visiva dell'applicazione rimanga intatta anche quando vengono rilevate discrepanze [2] [4].
3. Gestione delle modifiche di terze parti: in precedenza, eventuali modifiche apportate da script di terze parti potrebbero portare a errori di idratazione, poiché React tenterebbe di riconciliare l'HTML reso del server con l'HTML lato client modificato. In React 19, queste modifiche vengono ignorate durante l'idratazione, consentendo all'applicazione di continuare a funzionare senza intoppi senza essere influenzate da cambiamenti esterni [1] [4].
scenario di esempio
Prendi in considerazione uno scenario in cui uno script di terze parti aggiunge un tag `