Рендеринг необработанного HTML в React с использованием более безопасных методов

В React теперь можно визуализировать необработанный HTML, используя более безопасные методы, избегая использования опасного SetInnerHTML . Вот четыре варианта:

1. Кодировка Юникода

Используйте символы Юникода для представления объектов HTML в файле с кодировкой UTF-8:

{`First \u00b7 Second`}

2. Числа Юникода в строках JSX

Преобразуйте объекты HTML в числа Юникода в строках JSX:

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

3. Смешанный массив строк и элементов JSX

Объедините строки и элементы JSX для визуализации сложного HTML:

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

4. DangerouslySetInnerHTML как последнее средство

Используйте опасноSetInnerHTML только в крайнем случае, так как это создает потенциальные уязвимости безопасности: