dynamic html with react

dr.html

<div>
  <form className="ui-filterable" id="searchbar">
    <input id="inset-autocomplete-input" data-type="search" placeholder="Search foods..."></input>
  </form>
  <ul data-role="listview" data-inset="true" data-filter="true" data-filter-reveal="true" data-input="#inset-autocomplete-input">
      {Object.keys(this.state.foods).forEach((food) => {
        return (
          <li><a href="#">food</a></li>
        );
      })}
  </ul>
</div>