How do I handle forms in React?

How do I handle forms in React?

In React, you can handle forms using controlled components. This means that form data is handled by the component's state.

What are controlled components?

Controlled components are form elements whose value is controlled by React state. You set the value of the input to a state variable and update it on change.

Can you show me an example?

Sure! Here's a simple example:

import React, { useState } from 'react';

function MyForm() {
  const [inputValue, setInputValue] = useState('');

  const handleChange = (e) => {
    setInputValue(e.target.value);
  };

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