𝗖𝗼𝗻𝘁𝗿𝗼𝗹𝗹𝗲𝗱 𝘃𝘀 𝗨𝗻𝗰𝗼𝗻𝘁𝗿𝗼𝗹𝗹𝗲𝗱 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀

𝗖𝗼𝗻𝘁𝗿𝗼𝗹𝗹𝗲𝗱 𝘃𝘀 𝗨𝗻𝗰𝗼𝗻𝘁𝗿𝗼𝗹𝗹𝗲𝗱 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀

You manage form data in React in two ways.

Controlled components:

• React owns the state.
• You use value and onChange.
• You control every change.
• Use these for validation.

Uncontrolled components:

• The DOM owns the state.
• You use refs to pull values.
• It works like standard HTML.
• Use these for simple forms.

Pick the tool for your job.

Source: https://dev.to/vishwajeet81/controlled-vs-uncontrolled-component-1ggm