title: convert from JSX to React.createElement
body: <p>I'm new using react and I'd like to convert from JSX to only react language.</p>
  
  <p>So I have this JSX:</p>
  
  <pre><code>&lt;div class="films" key={data.id}&gt;{data.title} {data.releaseYear}&lt;/div&gt;
  </code></pre>
  
  <p>I tried to convert:</p>
  
  <pre><code>React.createElement('div', { className: "films", id: data.id }, { data.title } );
  </code></pre>
  
  <p>but I got no success. Any ideas how to correct it?</p>
  
  <p>my full code:</p>
  
  <pre><code>class App extends React.Component {
    constructor(props) {
      super(props)
  
      this.state = { movies: [] }
    }
  
  
    async componentDidMount() {
      await axios.get('movies.json')
        .then(response =&gt; this.setState({ movies: response.data.movies }))
    }
  
    renderUsers() {
      const { movies } = this.state
  
      return movies.map( data =&gt; (
        &lt;div class="films" key={data.id}&gt;{data.title} {data.releaseYear}&lt;/div&gt;
  
      ))
    }
  
    render() {
      return React.createElement('div', null, this.renderUsers());
    }
  }
  
  ReactDOM.render(
    &lt;App /&gt;,
    document.getElementById('container')
  )
  </code></pre>