App.jsx

import React, { useState } from 'react';

function App() {
  const [name, setName] = useState("");
  const [email, setEmail] = useState("");
  
  const onSubmit = () => {
    // do something with `${name}` and `${email}`
  };

  return (
    <form onSubmit={onSubmit}>
      <label htmlFor="name">Name</label> 
      <input
        name="name"
        id="name"
        value={name}
        onChange={(e) => setName(e.target.value)}
      />
      <label htmlFor="email">Email</label> 
      <input
        type="email"
        name="email"
        id="email"
        value={email}
        onChange={(e) => setEmail(e.target.value)}
       />
      <button type="submit">Submit</button>
    </form>
  );
}