this.state should be equal to...

this.state should be equal to...

• A. A string representing initial UI
• B. A function returning JSX
• C. An array of props
• D. An object representing the initial "state" of any component instance (e.g. this.state = { mood: 'decent' };)

Answer: (D)

This concept centers on how a class component tracks its own mutable data. this.state is an object that holds the component’s internal data, which can change over time and determine what gets rendered. You initialize it in the constructor as an object, such as this.state = { mood: 'decent' }. Keeping it as an object makes it easy to group related values and update them with this.setState, which causes React to re-render the UI to reflect the new state. The UI itself is produced in the render method using JSX, not stored in this.state. Props come from a parent and are read-only inside the component, so they aren’t part of this.state.

This concept centers on how a class component tracks its own mutable data. this.state is an object that holds the component’s internal data, which can change over time and determine what gets rendered. You initialize it in the constructor as an object, such as this.state = { mood: 'decent' }. Keeping it as an object makes it easy to group related values and update them with this.setState, which causes React to re-render the UI to reflect the new state. The UI itself is produced in the render method using JSX, not stored in this.state. Props come from a parent and are read-only inside the component, so they aren’t part of this.state.