What are the difference between Stateful and Stateless components in ReactJS?

Web Development
#1

In React, a Stateful component is a component that holds some state. Stateless components, by contrast, have no state. Note that both types of components can use props.
Stateless components are simple functional component without having a local state but remember there is a hook in react to add state behavior in functional component as well. Stateful component can contains the state object and event handling function, user actions as well.