React：状态呈现的文本

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"};

使用斜体标记呈现状态文本。像这样

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

Answer 2

您可以使用dangerouslysetinnerhtml：

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

但使用起来更安全：

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