Топ-100
Скорость
Инновации
Превосходство
05 сентября 2017 г.

В основном вставка html кода в компонент React несёт с собой риск XSS атак, поэтому React это предусмотрел и по умолчанию защищает содержимое.

Если вам всё-таки необходимо вставить html код без защиты от React, то можно использовать свойство

dangerouslySetInnerHTML. со значением {{__html:'Тут html без защиты'}}

Пример:

function createMarkup() {
  return {__html: 'First · Second'};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}

Подробнее

https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

 

Поделиться:

Еженедельный дайджест полезных статей:

Статьи

26 июля

По данным опроса по заказу компании Adobe 63% респондентов предпочитают получать от компаний нужные подробности и предложения по электронной почте.

03 июля
  • Зачем разрабатывать CRM / ERP систему.
  • Как выбрать разработчика.
  • Как оплачивать разработку и контролировать проект.
  • Как написать техническое задание.
03 июля

Как разработать успешный сервис?

Для этого должны быть учтены следующие моменты:

03 июля

Многие думают, что основная проблема внедрения CRM системы, в том, что сотрудники не хотят ее использовать. Однако это не так.

03 июля

Приходилось ли вам объяснять сотрудникам одно и тоже?

Сколько времени на это уходит?

Наши сервисы

Стратег-Планнер - Ваш помощник в ведение своих стратегий
Ico Converter Online - Генератор фавикон онлайн и создание иконок ico для сайтов и программ
Msto.me/Circle - Добавьте рамку вашему профилю в instagram.
Msto.me - инструмент продаж для инстаграма - умные личные страницы контактов. Ссылки на WhatsApp, Telegram, Viber, Skype, VK, Messenger, Facebook, Odnoklassniki, Youtube, Instagram, iTunes, Личные сайты и др.
Smart-Frame.net - инструмент повышения продаж за счёт увеличения вовлечённости посетителя сайта. Конструктор интерактивного видео. Создание интерактивного видеопроекта под ключ.
Checkpage.ru - автоматическая проверка страниц сайта на ошибки.
Транслит Online - Транслитерация русского текста в английский и обратная рассшифровка
Еженедельный дайджест полезных статей:

Остались вопросы?

Мы можем посоветовать подходящий вам вариант

Звоните:

Так же вы можете заказать консультацию и мы сами
с вами свяжемся для обсуждения вашего проекта