Saltar al contenido

Aplicación de contador simple en el ejemplo de código React JS

Ya no tienes que indagar más por otras webs ya que llegaste al espacio correcto, contamos con la respuesta que quieres pero sin problema.

Ejemplo 1: reacción de contador simple

importReact, useState from'react';importReactDOMfrom'react-dom';exportconstCounter=(props)=>const[count, setCount ]=useState(0)return(<div id="mainArea">
      button count:<span>count</span><button id="mainButton" onClick=()=>setCount(count +1)>Increase</button></div>);ReactDOM.render(<Counter/>,document.getElementById('root'));

Ejemplo 2: reacción de contador simple

importReactfrom'react';importReactDOMfrom'react-dom';classCounterextendsReact.Componentconstructor(props)super(props);this.state=
      count :0this.increment=this.increment.bind(this);increment()this.setState(count:this.state.count+1);render()return(<div id="mainArea">
        button count:<span>this.state.count</span><button onClick=this.increment id="mainButton">Increase</button></div>);ReactDOM.render(<Counter/>,document.getElementById('root'));

Recuerda que puedes comunicar esta sección si lograste el éxito.

¡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 *