How do I handle form events in React?

How do I handle form events in React?

In React, you can handle form events using event handlers like onChange, onSubmit, and onClick. Would you like an example?

Yes, please provide an example of handling a form submission.

Sure! You can create a form with an onSubmit handler like this:

function MyForm() {
  const handleSubmit = (event) => {
    event.preventDefault(); // Prevent default form submission
    // Handle form data here
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" name="name" />
      <button type="submit">Submit</button>
    </form>
  );
}

What about handling input changes?

You can use the onChange event to handle input changes. Here's an example:

function MyForm() {
  const [name, setName] = useState('');

  const handleChange = (event) => {
    setName(event.target.value);
  };

  return (
    <input type="text" value={name} onChange={handleChange} />
  );
}