title: ReactJS Output won't render to HTML, but works in console log
body: <p>I have a search box that updates this.state.chebi_results with a JSON object onSubmit(). Everything seems to work, except when I try to render the output to HTML. I'm trying to render my output as an unordered list. My Console Log displays exactly what I want. Why is the HTML not being updated?</p>
  
  <pre><code>  chebiResults=()=&gt;{
      return(
        &lt;div className='search_results'&gt;
          &lt;ul&gt;
          {this.state.chebi_results.forEach((element)=&gt;{
            &lt;li&gt;{element.name}&lt;/li&gt;
            console.log(element.name)
          })}
          &lt;/ul&gt;
        &lt;/div&gt;
      );
    }
  
    render(){
      return (
        &lt;div className='ontology_tool'&gt;
        &lt;div className='wraper'&gt;
          &lt;div className='search'&gt;
            &lt;div className='search_tool'&gt;
              &lt;form onSubmit={this.handleSearch}&gt;
                &lt;input type="text" name="query" value={this.state.form_query} onChange={this.setQuery}/&gt;
                &lt;input type="Submit" value="Submit" /&gt;
              &lt;/form&gt;
            &lt;/div&gt;
            {this.chebiResults()}
          &lt;/div&gt;
          &lt;div className='selected'&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  </code></pre>