Which statement is true about state in a component?

Which statement is true about state in a component?

• A. To Store Information That Can Change Within The Component
• B. To Store Information That Never Changes
• C. To Store DOM Structure
• D. To Store Only Props

Answer: (A)

State represents the data that can change over time within a component, and React uses that data to determine what to render. When state updates, React re-renders the component so the UI stays in sync with the latest data, enabling interactive experiences like counters, form inputs, and toggles. This is why state is used for information that may change in response to user actions, network responses, or other events. The idea of information that never changes isn’t state; you’d use constants or props for values that come from outside and don’t get mutated by the component. Storing DOM structure in state isn’t how React works—the UI is described by the render output, while React manages the actual DOM. Props are inputs from a parent and are immutable from the component’s perspective, whereas state is internal and can be updated by the component itself (using setState in class components or the updater function from useState in function components).

State represents the data that can change over time within a component, and React uses that data to determine what to render. When state updates, React re-renders the component so the UI stays in sync with the latest data, enabling interactive experiences like counters, form inputs, and toggles. This is why state is used for information that may change in response to user actions, network responses, or other events. The idea of information that never changes isn’t state; you’d use constants or props for values that come from outside and don’t get mutated by the component. Storing DOM structure in state isn’t how React works—the UI is described by the render output, while React manages the actual DOM. Props are inputs from a parent and are immutable from the component’s perspective, whereas state is internal and can be updated by the component itself (using setState in class components or the updater function from useState in function components).