Saltar al contenido

react.js onclick cambiar ejemplo de código de clase css

Después de mucho trabajar hemos encontrado la solución de esta inconveniente que agunos lectores de este sitio web han tenido. Si deseas aportar algún detalle no dudes en dejar tu información.

Ejemplo: cambiar el estilo al hacer clic en reaccionar

Html<div id="app"></div>Css
button
  width:80px;
  height:40px;
  margin:15px;.blackButton
  background-color: black;
  color: white;.whiteButton
  background-color: white;
  color: black;ReactclassTestextendsReact.Componentconstructor()super();this.state=
              black:truechangeColor()this.setState(black:!this.state.black)render()let btn_class =this.state.black?"blackButton":"whiteButton";return(<div><button className=btn_class
                         onClick=this.changeColor.bind(this)>Button</button></div>)ReactDOM.render(<Test/>,document.querySelector("#app"))

Te mostramos reseñas y puntuaciones

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *