W React 19 obsługa nieoczekiwanych znaczników podczas nawodnienia została znacznie ulepszona, szczególnie w zakresie interakcji z skryptami stron trzecich i rozszerzeń przeglądarki. Oto konkretne przykłady tego, jak React 19 pomija nieoczekiwane tagi:
pomijanie nieoczekiwanych tagów
1. Elementy głowy i ciała: Gdy React napotyka nieoczekiwane znaczniki w sekcjach `
2. Zachowanie arkuszy stylów: Jeśli React będzie musiał ponownie uwolnić cały dokument z powodu niedopasowania nawodnienia niezwiązanego z modyfikacjami stron trzecich, pozostawi na miejscu wszelkie arkusze stylów, które zostały wprowadzone przez te skrypty. Zapewnia to, że integralność wizualna aplikacji pozostaje nienaruszona, nawet gdy wykryto rozbieżności [2] [4].
3. Obsługa modyfikacji stron trzecich: Wcześniej wszelkie modyfikacje dokonywane przez skrypty stron trzecich mogą prowadzić do błędów nawodnienia, ponieważ React próbowałby pogodzić HTML renderowaną przez serwer ze zmodyfikowanym HTML po stronie klienta. W React 19 modyfikacje te są ignorowane podczas nawodnienia, co pozwala aplikacji kontynuować działanie płynnie bez wpływu zmiany zewnętrzne [1] [4].
Przykładowy scenariusz
Rozważ scenariusz, w którym skrypt zewnętrzny dodaje znacznik `