在道具中發送HTML標簽-反應

Question

我需要一些功能或技巧來允許在react的道具中使用HTML標簽，因為我正在使用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>
      )
  }
}

Answer 1

危險地，SetInnerHTML可能會為您提供幫助。

來自doc的示例：

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

請始終牢記，直接設置html可能會導致XSS，因此您應盡可能避免使用這些東西。