Ejemplo de componente React

componente.jsx

import React, { useState } from "react";

const ContadorDeClicks = () => {
  const [contador, setContador] = useState(0);

  const manejarClick = () => {
    setContador(contador + 1);
  };

  return (
    <div style={{ textAlign: "center", marginTop: "20px" }}>
      <h1>Contador de Clics</h1>
      <p>Has hecho clic {contador} veces</p>
      <button onClick={manejarClick}>Guardar</button>
    </div>
  );
};

export default ContadorDeClicks;

doc.txt

import React, { useState } from "react";

const ContadorDeClicks = () => {
  const [contador, setContador] = useState(0);

  const manejarClick = () => {
    setContador(contador + 1);
  };

  return (
    <div style={{ textAlign: "center", marginTop: "20px" }}>
      <h1>Contador de Clics</h1>
      <p>Has hecho clic {contador} veces</p>
      <button onClick={manejarClick}>Guardar</button>
    </div>
  );
};

export default ContadorDeClicks;