Skip to content

[MAD DE] BÁRBARA MONZÚ#70

Open
Barbara-Monzu wants to merge 2 commits intota-web-mad:masterfrom
Barbara-Monzu:master
Open

[MAD DE] BÁRBARA MONZÚ#70
Barbara-Monzu wants to merge 2 commits intota-web-mad:masterfrom
Barbara-Monzu:master

Conversation

@Barbara-Monzu
Copy link

Cómo se cambiaría el fondo de los likes? Sé que me estoy liando más de lo necesario.
El bonus de la imagen lo he harcodeado un poco ;P

@ta-web-mad
Copy link
Owner

Hola Bárbara! Buen trabajo! 😄

Sobre lo del fondo del contador de clicks, hay muchas maneras de hacerlo. Una de ellas es tener dentro del estado un índice, que sea el que vaya cambiado a cada click, y referenciar el color a pintar basado a la posición del índice dentro de un array de colores:

state = {
    clickCount: 0,
    backColor: ['purple', 'blue', 'green', 'yellow', 'orange', 'red'],
    i: 0
  };

  clickHandler = () => {
    this.setState({
      clickCount: this.state.clickCount + 1,
      i: Math.floor(Math.random() * 6)
    })
  };




  render() {
    return (
      <button style={{ backgroundColor: this.state.backColor[this.state.i] }} onClick={this.clickHandler}> {this.state.clickCount} Like</button>
    )
  }

A seguir así! 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants