How can I design a form in React?

How can I design a form in React?

You can use controlled components in React to manage form inputs. Would you like a code example?

Yes, please provide a simple example.

Here's a basic example:

import React, { useState } from 'react';

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

  const handleSubmit = (e) => {
    e.preventDefault();
    alert(`Name: ${name}`);
  };

  return (
    <form onSubmit={handleSubmit}>
      <label>
        Name:
        <input type="text" value={name} onChange={(e) => setName(e.target.value)} />
      </label>
      <button type="submit">Submit</button>
    </form>
  );
}

This creates a simple form with a text input.

How do I handle form validation in React?

You can handle validation by checking the input values before submission. Libraries like Formik or React Hook Form can also help.