react: преобразовать текст в html код

Question

подскажите, как можно преобразовать текст внутри которого также указываются html теги в html код

если более точно, то у меня есть строка, которая содержит html код:

this.state = {
    text: 'test <b>BOLD</b> test2 <span class = "c01">Red text</span>'
};

и мне необходимо, чтоб этот текст был отображён как html код:

    render() {       
        return (
<div>{this.state.text}</div>
        );
    }

Answer 1

Нужно использовать метод dangerouslySetInnerHTML:

render() {       
  return (
    <div dangerouslySetInnerHTML={{ __html: this.state.text }} />
  );
}