q-11.jsx

import { useState } from 'react';

function FormularioCadastro() {
  const [nome, setNome] = useState('');
  const [email, setEmail] = useState('');

  const [formData, setFormData] = useState({
    nome: '',
    email: '',
  });

  return (
    <form>
      <label htmlFor="nome">Seu nome:</label>
      <input
        type="text"
        id="nome"
        value={formData.nome}
        onChange={(event) =>
          setFormData({ ...formData, nome: event.target.value })
        }
      />
      <br />
      <label htmlFor="email">Seu e-mail:</label>
      <input
        type="email"
        id="email"
        value={formData.email}
        onChange={(event) =>
          setFormData({ ...formData, email: event.target.value })
        }
      />
    </form>
  );
}

export default function App() {
  return (
    <div className="container">
      <h2>Cadastre-se</h2>
      <FormularioCadastro />
    </div>
  );
}