反应：原样呈现状态的文本

Question

我有一个反应代码，我想渲染状态为{this.state.text}。它被呈现，但不是如预期的那样。这里的状态：

constructor(props) { 
    super(props); 
    this.state = {text: "<i>Hello, this is Introduction</i>"}; 
} 

这被渲染为：

<i>Hello, this is Introduction</i> 

有没有一种方法，以使其作为

您好，这里是简介

Answer 1

一个多种方式要做到这一点是把文字放在这样的状态：

this.state = {text: "Hello, this is Introduction"}; 

，并使用斜体tag.like这

<i>{this.state.text}</i> 

Answer 2

您可以使用dangerouslysetinnerhtml呈现状态的文本：

<i dangerouslySetInnerHTML={{__html: this.state.text}} /> 

但它的使用更安全：

<i>{this.state.text}</i>