render() {
        return (
            <div>
              {this.state.status ? 
              <div>
                  <h2>Bem-vindo ao sistema</h2>
                  <button onClick={this.sair}>Sair do sistema</button>
              </div> : 
              <div>
                  <h2>Olá visitante, faça o login!</h2>
                  <button onClick={this.entrar}>Entrar no sistema</button>
                </div>
                }
            </div>
        )
    }
//se for "true" vai exibir a 1 div se for "false" vai exibir a outra
se for "true" vai exibir a 1 div se for "false" vai exibir a outra
se for " true " vai exibir a 1 div se for " false " vai exibir a outra
render() {
        return (
            <div>
              {this.state.status ? 
              <div>
                  <h2>Bem-vindo ao sistema</h2>
                  <button onClick={this.sair}>Sair do sistema</button>
              </div> : 
              <div>
                  <h2>Olá visitante, faça o login!</h2>
                  <button onClick={this.entrar}>Entrar no sistema</button>
                </div>
                }
            </div>
        )
    }
render ( ) { return ( < div > { this . state . status ? < div > < h2 > Bem-vindo ao sistema < / h2 > < button onClick = { this . sair } > Sair do sistema < / button > < / div > : < div > < h2 > Olá visitante, faça o login!</ h 2 > < button onClick = { this . entrar } > Entrar no sistema < / button > < / div > } < / div > ) }
se for "true" vai exibir a 1 div se for "false" vai exibir a outra
se for " true " vai exibir a 1 div se for " false " vai exibir a outra