What are React controlled components and uncontrolled components?

Question

What are controlled components and uncontrolled components in ReactJS? How do they differ from each other?

Answer 1

• Controlled components notify other components about changes using callbacks. For example: console.log("clicked")}>Click.
• Uncontrolled components dont notify other components about their changes and you can access component only using ref-s. Ref might be useful if you need to access real dom of HTML element