Types of Components in Reactjs:
Functional components are often used for rendering plain and simple content to the user. If you don’t have anything complicated in mind, and just want to render some JSX to the user without any condition, logic, or checks, function based components is the way to go!
Class components are used to render more complicated content to the user. When dealing with complex business logic that require multiple conditional checks, or you want to interact with the users directly, or something of that sort.