小道具でHTMLタグを送信する - 反応する

Question

私はフォームにckeditorを使用しているので、反応の小道具でHTMLタグを使用できるようにするには、何か機能やトリックが必要です。

私のコード：

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あなたを助けるかもしれません。ドキュメントから

例：

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

常にあなたができるだけ長くものを避ける必要がありますので、直接HTMLを設定すると、XSSにつながる可能性があることに注意してください。