У React 19 обробка несподіваних тегів під час гідратації була значно вдосконалена, особливо в тому, як вона взаємодіє з сторонніми сценаріями та розширеннями браузера. Ось конкретні приклади того, як React 19 пропускає несподівані теги:
пропуск несподіваних тегів
1. Елементи голови та тіла: Коли React стикається з несподіваними тегами в розділах `
` `` `документа під час гідратації, він розумно пропускає ці теги, а не спрацьовує помилку невідповідності гідратації. Це означає, що якщо сторонній сценарій вставив елементи, які не відповідають HTML, що надається серверам, React не намагатиметься узгодити ці відмінності, таким чином уникаючи потенційних помилок та порушень процесу візуалізації додатків [1] [2] [4].2. Зберігаючі таблиці стилів: Якщо React потрібно повторно надати весь документ через невідповідність гідратації, яка не пов'язана з сторонніми модифікаціями, він залишить на місці будь-яких таблиць, які були вставлені цими сценаріями. Це гарантує, що візуальна цілісність програми залишається неушкодженою навіть тоді, коли виявляються розбіжності [2] [4].
3. Поводження сторонніх модифікацій: Раніше будь-які модифікації, внесені сторонніми сценаріями, можуть призвести до помилок гідратації, оскільки React намагається узгодити HTML, отриманий сервером, з модифікованою HTML на стороні клієнта. У React 19 ці модифікації ігноруються під час гідратації, що дозволяє застосувати безперебійно функціонувати, не впливаючи на зовнішні зміни [1] [4].
Приклад сценарію
Розглянемо сценарій, коли сторонній сценарій додає тег `