Nao consigo mostrar a saida na tela do celular, o que esta errado?
import React, {Component} from ‘react’;
import {Text, View, Button, AppState} from ‘react-native’;
type Props = {};
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
escolhaUsuario: ‘’,
escolhaComputador: ‘’,
resultado: ‘’
}
}
jokenpo(escolhaUsuario) {
//Gerando numero aleatorio ( 0 a 2)
var numeroAleatorio = Math.floor(Math.random() * 3);
var escolhaComputador = '';
var resultado = '';
if (numeroAleatorio == 0) {
numeroAleatorio = "Pedra"
}
if (numeroAleatorio == 1) {
numeroAleatorio = "Papel"
}
if (numeroAleatorio == 2) {
numeroAleatorio = "Tesoura"
}
if (escolhaComputador == 'pedra') {
if (escolhaUsuario == 'pedra') {
resultado = 'Empate'
}
if (escolhaUsuario == 'Papel') {
resultado = "Usuario ganhou"
} else {
resultado = "Computador Ganhou"
}
}
if (escolhaComputador == 'Papel') {
if (escolhaUsuario == 'Papel') {
resultado = 'Empate'
}
if (escolhaUsuario == 'Tesoura') {
resultado = "Usuario ganhou"
} else {
resultado = "Computador Ganhou"
}
}
if (escolhaComputador == 'Tesoura') {
if (escolhaUsuario == 'Tesoura') {
resultado = 'Empate'
}
if (escolhaUsuario == 'Pedra') {
resultado = "Usuario ganhou"
} else {
resultado = "Computador Ganhou"
}
}
this.setState({
escolhaUsuario: escolhaUsuario,
escolhaComputador: numeroAleatorio,
resultado: resultado
});
}
render() {
return (
<View>
<Text>Escolha do Computador: : {this.state.escolhaComputador}</Text>
<Text>Escolha do Usuario : {this.state.escolhaUsuario}</Text>
<Text>Resultado : {this.state.resultado}</Text>
<Button title={'Pedra'} onPress={() => {
this.jokenpo('Pedra')
}}/>
<Button title={'Papel'} onPress={() => {
this.jokenpo('Papel')
}}/>
<Button title={'Tesoura'} onPress={() => {
this.jokenpo('Tesoura')
}}/>
</View>
);
}
}