ccc

React: Crear componentes

En la carpeta src si no existe crear components y dentro de ella el nombre del componente (contador.js)
import React,{useState} from "react";
const Contador=()=>{
const[cuenta, setContador]=useState(1);
const incrementar=()=>{
setContador(cuenta+1);
};
const decrementar=()=>{
setContador(cuenta-1);
};

return(
<div>
<button onClick={decrementar}> - </button>
<input type="text" value={cuenta}></input>
<button onClick={incrementar}> + </button>
</div>
);
}
export default Contador;


Y luego ya en el App.js:
import Contador from './components/contador';
...
<Contador></Contador>

No hay comentarios:

Publicar un comentario