더 안전한 방법을 사용하여 React에서 원시 HTML 렌더링

React에서는 이제 위험한SetInnerHTML 사용을 피하고 더 안전한 방법을 사용하여 원시 HTML을 렌더링할 수 있습니다. . 다음은 네 가지 옵션입니다.

1. 유니코드 인코딩

유니코드 문자를 사용하여 UTF-8 인코딩 파일에서 HTML 엔터티를 나타냅니다.

{`First \u00b7 Second`}

2. JSX 문자열의 유니코드 숫자

JSX 문자열 내에서 HTML 엔터티를 유니코드 숫자로 변환:

{`First `   String.fromCharCode(183)   ` Second`}

3. 문자열과 JSX 요소의 혼합 배열

문자열과 JSX 요소를 결합하여 복잡한 HTML 렌더링:

{[`First `, ·, ` Second`]}

4. DangerouslySetInnerHTML을 최후의 수단으로 사용

dangerouslySetInnerHTML을 최후의 수단으로만 사용하십시오. 잠재적인 보안 취약점이 발생할 수 있습니다.