在道具中发送HTML标签 - 反应

Question

我需要一些功能或技巧来允许在反应的道具中使用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

dangerouslySetInnerHTML可能会对您有所帮助。

doc：

中的示例

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

请记住，直接设置html会导致XSS，所以你应该尽可能地避免这些东西。