If a React component wants to change information stored within itself, it should use ...

If a React component wants to change information stored within itself, it should use ...

• A. Use State
• B. Use Props
• C. Use Context
• D. Use Ref

Answer: (A)

State is the place where a component keeps data that can change over time and that should drive what the component renders. When you update state, React re-renders the component so the UI reflects the new values. In class components you update it with this.setState, and in function components you typically use the setter from useState. This makes state the right mechanism for information that the component itself controls and modifies. Props, in contrast, come from a parent and are read-only inside the component, so the component shouldn’t try to change them. Context allows sharing data across many components without prop drilling, but it’s meant for values you want available in multiple parts of the tree, not for local, internal state changes. Refs hold mutable values that don’t trigger re-renders (or are used for accessing DOM nodes), so they aren’t used for managing UI state. So for data a component wants to change itself, state is the appropriate tool.

State is the place where a component keeps data that can change over time and that should drive what the component renders. When you update state, React re-renders the component so the UI reflects the new values. In class components you update it with this.setState, and in function components you typically use the setter from useState. This makes state the right mechanism for information that the component itself controls and modifies.

Props, in contrast, come from a parent and are read-only inside the component, so the component shouldn’t try to change them. Context allows sharing data across many components without prop drilling, but it’s meant for values you want available in multiple parts of the tree, not for local, internal state changes. Refs hold mutable values that don’t trigger re-renders (or are used for accessing DOM nodes), so they aren’t used for managing UI state.

So for data a component wants to change itself, state is the appropriate tool.