react--Rendering HTML tags using div edit properties contenteditable

There is no problem with the input, but when the modification involves using its rendering, it renders the string instead of rendering the native tag

Use the Dangerouslysetinnerhtml property when rendering, and pass in the object for rendering

Render function return part:

<div ref= "Add" contenteditable= "true" classname={styles.areabox}></div> this        . Test (e)}} ></button>        <div contenteditable= "true" dangerouslysetinnerhtml={{__html: ' ${this. State.add} '}} classname={styles.areabox}></div>

Method section:

Test = () = {    this. SetState ({      this. Refs.add.innerHTML    })  }

Status section:

Constructor (props) {    super (props);
    this. State = {      ""    }
  }

react--Rendering HTML tags using div edit properties contenteditable