react 如何直接嵌套html代码

在vue中，我们常常在标签上使用v-html来，将现成的html代码嵌入到被绑定的标签中，react如何操作呢？

类似于vue，react也有特殊的标签属性，用来代替v-html
dangerouslySetInnerHTML属性，该属性被赋值，只接受对象。

import React from 'react';

export default class dangderouslySet extends React.Component {
     
  constructor() {
     
    super()
    this.state = {
     
      Html1: '
这是直接嵌套的html代码
'
    }
  }
  render() {
     
    return (
      <div dangerouslySetInnerHTML={
     {
     __html:this.state.Html1}}></div>
    )
  }
}