react htmlタグを出力したい

Question

import React, { Component } from "react";
import ReactDOM from "react-dom";

class App extends Component {

  constructor(props) {
    super(props);
  }


  render() {
    var arr = ["aa\naa","bb"];
    var text = "";
    var res = [];
    for (let i = 0; i < arr.length; i++) {
      text = "<li>" + arr[i].replace(/\r?\n/g, '<br>') +"</li>";
      res.push(text);
    }
    return (
      <ul>{res}</ul>
    )
  }
}

ReactDOM.render(
  <App />, 
  document.getElementById("root")
);

上記だと、

<li>aa<br>aa</li><li>bb</li>

画面にそのままタグごと出力されてしまうのですが、

aa
aa
bb

と意図した表示にするにはどうしたらよいでしょうか！？

Answer 1

<ul dangerouslySetInnerHTML={{__html: res} />

で無事出力できました。
お騒がせしました。