dynamic html in 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>