App Component: Connecting to the Back-end

import React, { Component } from 'react';
import { GlobalStyle } from './fonts';
import { SignInScreen } from './screens';
class App extends Component {
    constructor(props) {
        super(props);
        this.state = {
            gameStatus: 'logged out'
        };
        this.startGame = this.startGame.bind(this);
    };
    startGame(nameValue, langValue) {        
        console.log(nameValue, langValue);
    };
    render() {
        const { gameStatus } = this.state;
        let screen = <></>;
        if (gameStatus === 'logged out') {
            const startGame = this.startGame;
            screen = <SignInScreen clickStart={ startGame }/>;        
        } else {
            return <div>Status {gameStatus}</div>;
        }
        return <><GlobalStyle/>{screen}</>;
    }
}
export default App;