What is the difference between stateful and stateless components?

What is the difference between stateful and stateless components?

• A. Stateless components are deprecated.
• B. There is no difference.
• C. Historically, stateful components managed internal state; stateless did not; with hooks, functional components can be stateful.
• D. Stateful components are always class components.

Answer: (C)

In React, the distinction used to be about whether a component holds and updates internal data. Stateful components were the ones that kept state (traditionally class components with this.state and this.setState), while stateless components were functional components that just took props and rendered UI without their own state. With the introduction of hooks, functional components can now manage state using useState and other hooks. That means a functional component can be stateful too, even though it’s not a class. The practical takeaway is that the ability to hold and modify internal state—and run side effects—defines statefulness, and with hooks, both class and functional components can exhibit it. The other statements aren’t accurate: stateful components aren’t deprecated, there is a meaningful difference between components that manage state versus those that don’t, and stateful behavior isn’t restricted to class components anymore.

In React, the distinction used to be about whether a component holds and updates internal data. Stateful components were the ones that kept state (traditionally class components with this.state and this.setState), while stateless components were functional components that just took props and rendered UI without their own state.

With the introduction of hooks, functional components can now manage state using useState and other hooks. That means a functional component can be stateful too, even though it’s not a class. The practical takeaway is that the ability to hold and modify internal state—and run side effects—defines statefulness, and with hooks, both class and functional components can exhibit it.

The other statements aren’t accurate: stateful components aren’t deprecated, there is a meaningful difference between components that manage state versus those that don’t, and stateful behavior isn’t restricted to class components anymore.