844 B
844 B
title | localeTitle |
---|---|
Render Conditionally from Props | Procesamiento condicional de apoyos |
Procesamiento condicional de apoyos
Este es un reto un poco complicado pero fácil.
Solución
Cambie handleClick()
con la declaración de incremento adecuada.
handleClick() {
this.setState({
counter: this.state.counter + 1
});
}
En render()
el uso del método Math.random()
como se menciona en la descripción desafío y escribir una expresión ternaria para pasar props
en el componente de Resultados.
let expression = Math.random() > .5;
{(expression == 1)? <Results fiftyFifty="You win!"/> : <Results fiftyFifty="You lose!"/> }
Luego renderiza los fiftyFifty
apoyos en el componente Resultados.
<h1>
{
this.props.fiftyFifty
}
</h1>