Блог

Главная - Вопросы по программированию - Можно ли анализировать HTML, содержащий escape-символы, в React

Можно ли анализировать HTML, содержащий escape-символы, в React

#html #reactjs

#HTML #reactjs

Вопрос:

Есть ли какой-либо способ проанализировать приведенный ниже пример в React?

Как удалить escape-символы из закрывающих html-тегов, чтобы их можно было отобразить с помощью setInnnerHtml?

 <p>The quick brown fox jumped over the lazy dog, or something like that.</p>n<p>Advantages:</p>n

Это то, что возвращается из API, что я могу сделать?

Спасибо

Комментарии:

1. Объясните «синтаксический анализ». Вы хотите просто отобразить его? или какова цель? Если просто рендеринг, ознакомьтесь с документами для dangerouslySetInnerHTML

2. Извините, да. Я хочу иметь возможность отображать его. Я обновил свой вопрос.

3. Просто запустите его через unescape функцию.

4. Хах, я не знал, что он есть. Приветствия

Ответ №1:

Если вы хотите отобразить этот HTML на своей странице react, вы можете сделать это следующим образом

  <p
     dangerouslySetInnerHTML={{ __html: yourHTMLBlock }}
 ></p>

Комментарии:

1. В настоящее время это не работает из-за escape-символов в закрывающих тегах

2. Я скопировал ваш точный вывод, и он сработал для меня, вы получаете какие-либо ошибки?

3. Смотрите Эту ссылку для примера codesandbox.io/s/agitated-hugle-kxgt4?file=/src/App.js

4. Он отображается без форматирования. Ваш рендеринг выполняется с правильным форматированием?

5. Кажется, у меня есть форматирование, см. codesandbox выше.

Метки: , ,