Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon 수화 중에 예기치 않은 태그를 통해 React 19가 건너 뛸 방법에 대한 예를 제공 할 수 있습니까?


수화 중에 예기치 않은 태그를 통해 React 19가 건너 뛸 방법에 대한 예를 제공 할 수 있습니까?


React 19에서, 수화 동안 예상치 못한 태그의 처리는 특히 타사 스크립트 및 브라우저 확장과 상호 작용하는 방식에서 크게 향상되었습니다. 다음은 예상치 못한 태그를 통해 React 19가 어떻게 건너 뛰는 지에 대한 구체적인 예입니다.

예상치 못한 태그를 건너 뜁니다

1. 헤드 및 바디 요소 : 반응이 수화 중에 문서의``및` '섹션에서 예기치 않은 태그를 만날 때, 수화 불일치 오류를 트리거하는 대신 이러한 태그를 지능적으로 건너 뜁니다. 이는 제 3 자 스크립트에 서버 렌더링 된 HTML과 일치하지 않는 요소를 삽입 한 경우 RECT는 이러한 차이를 조정하려고 시도하지 않으므로 응용 프로그램 렌더링 프로세스의 잠재적 오류와 중단을 피할 수 있습니다 [1] [2] [4].

2. 스타일 보존 : RECT가 타사 수정과 관련이없는 수화 불일치로 인해 전체 문서를 다시 렌더링 해야하는 경우 해당 스크립트에 의해 삽입 된 스타일 시트를 제자리에 두게됩니다. 이것은 불일치가 감지 될 때에도 응용 프로그램의 시각적 무결성이 그대로 유지되도록한다 [2] [4].

3. 타사 수정 처리 : 이전에는 타사 스크립트에 의한 수정으로 수화 오류가 발생할 수 있습니다. REACT는 수정 된 클라이언트 측 HTML과 서버 렌더링 된 HTML을 조정하려고 시도하므로 수화 오류로 이어질 수 있습니다. RECT 19에서, 이러한 변형은 수화 중에 무시되어 외부 변화의 영향을받지 않고 적용이 원활하게 작동 할 수있게한다 [1] [4].

예제 시나리오

타사 스크립트가`