如何在reactjs中获取Html文本或元素

我是Reactjs的新手，我尝试获取一些HTML数据，但我的问题是当我检查浏览器时，HTML标记显示为文本，而不是元素

我的组件来源：

import React from 'react';

export class About extends React.Component{
    constructor(props){
        super(props);

        this.state = {
            data: '<p>Hello world</p>',
        }
    }

    render(){
        return(
            <div className="container">
                {this.state.data}
            </div>
        )
    }
}

结果表明：

<p>Hello world</p>

我想看到的是：

Hello world

您可以自担风险使用，您应该使用消毒剂保护自己免受XSS的伤害。

如果您收到html字符串，您可以使用

改变

<div className="container">
   {this.state.data}
</div>

到

组件会是这样的

class About extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      data: "<p>Hello world</p>"
    };
  }

  render() {
    return (
      <div
        className="container"
        dangerouslySetInnerHTML={{ __html: this.state.data }}
      />
    );
  }
}

---

应该是一个评论。

class About extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      data: "<p>Hello world</p>"
    };
  }

  render() {
    return (
      <div
        className="container"
        dangerouslySetInnerHTML={{ __html: this.state.data }}
      />
    );
  }
}