Отправка HTML тегов в props-react

Мне нужна какая-то функция или трюк, чтобы позволить использовать HTML-теги в реквизите react, потому что я использую ckeditor для формы.

мой код:

render(){
    let name = this.props.name;
    let text = this.props.description;
    console.log(text);
    return (
        <li class="collection-item avatar">
          <span class="title"> <strong> {name} </strong> </span>
          <p > {text} </p>
          <a href="#!" class="secondary-content"><i class="material-icons">grade</i></a>
        </li>
      )
  }
}

1 ответ

  1. dangerouslySetInnerHTML может помочь вам.

    Пример из doc:

    function createMarkup() { return {__html: 'First &middot; Second'}; };
    <div dangerouslySetInnerHTML={createMarkup()} />
    

    Всегда имейте в виду, что настройка html напрямую может привести к XSS, поэтому вы должны избегать этого как можно дольше.