记一次前端React中富文本的问题

问题：原先的写法导致富文本框中直接显示html代码。

错误写法

<td colSpan="5" width="80%" className={styleSingl.detail_con}>
 <div style={style1}>&nbsp;&nbsp;{item.fieldContentValue}</div>
</td>

正确写法

在标签上使用dangerouslySetInnerHTML={{__html:this.state.article}}

import React, { Component } from 'react';
//引入组件
class XXX extends Component {

<td colSpan="5" width="80%" className={styleSingl.detail_con}>
  {item.fieldType == richText ? <div dangerouslySetInnerHTML={{__html:item.fieldContentValue}}></div> : <div style={style1}>&nbsp;&nbsp;{item.fieldContentValue}</div>}
</td>