title: using multiple curly braces in React
body: <p>I am trying to call the loadData function which is working in the component call. The information also renders correctly on screen. But when I add {this.loadData()} inside the render() it will not work.</p>
  
  <pre><code>I get Syntax error: C:/Users/jokar38/workspace/react/moviedb/src/App.jsx: Unexpected token, expected , (40:8)
  
  componentDidMount() {
        console.log('GrandChild did mount.');
  
        this.loadData()
      }
  render() {
        const { data } = this.state;
        return (
          &lt;ul&gt;
            // if data not loaded null will render nothing
            // if data is not null, we iterate data.results with map
            { data &amp;&amp; data.results.map(function (film, index) {
              // film is an object, just one or more properties to render
              return &lt;li key={ index }&gt;{ film.display_title }&lt;/li&gt;; 
            }) };
          &lt;/ul&gt;
          {this.loadData()} &lt;---------- This won't work
        );
      }
  </code></pre>