title: React Component 'Parsing error: Unexpected token, expected ";"' after render
body: <p>I am trying to render some complex tertiary logic that organizes my application's components in the correct order. It keeps giving me an error at the bracket immediately after the render method.</p>
  
  <p>I've found the same error described for similar situations on this website, but the solutions didn't help mine. Most of the troubleshooting I read about involved fixing how/where people called methods but this script is only running render. Additionally I made sure to wrap it in one tag and use className instead of class and all other JSX related syntax bug fixes.</p>
  
  <p>Here is my App.js:
  I am passing along functions into the other components that toggle their respective states of the same name between true and false determining which gets rendered.</p>
  
  <pre><code>import React, { Component } from 'react';
  import './index.css';
  import Game from './Game.js'
  import Homescreen from './Homescreen.js'
  import PlayerScreen from './Playerscreen.js'
  
  class App extends Component {
    constructor(props){
      super(props);
      this.state = {
        Homescreen: true,
        PlayerScreen: false,
        Game: false,
        players: [{
          users: '',
          points: 0,
      }]
    }
  
    render() {
      return (
        &lt;div&gt;
        {
          (this.state.Homescreen) ?
          &lt;div id="wrapper"&gt;
            &lt;Homescreen newScreen={()=&gt;this.setState({Homescreen: false, PlayerScreen: true})}&gt;&lt;/Homescreen&gt;
          &lt;/div&gt; : (this.state.PlayerScreen) ? &lt;div id="wrapper"&gt;
            &lt;PlayerScreen players={this.state.players} start={(players)=&gt;this.setState({PlayerScreen: false, Game: true, players: players})}&gt;&lt;/PlayerScreen&gt;
          &lt;/div&gt; : &lt;div id="wrapper"&gt;&lt;Game players={this.state.players}&gt;&lt;/Game&gt;&lt;/div&gt;
        }
        &lt;/div&gt;
        );
      }
    }
  }
  
  export default App;
  </code></pre>
  
  <p>Error message:</p>
  
  <pre><code>Failed to compile.
  
  ./src/App.js
    Line 20:12:  Parsing error: Unexpected token, expected ";"
  
    18 |   }
    19 | 
  &gt; 20 |   render() {
       |            ^
    21 |     return (
    22 |       &lt;div&gt;
    23 |       {
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>