To read a component's state, use the expression

To read a component's state, use the expression

• A. this.props.name-of-property
• B. this.state.name-of-property
• C. this.state.name-of-property
• D. this.state.name_of_property

Answer: (C)

Reading a component’s state happens through the this.state object. To get a specific value, you typically use dot notation: this.state.propertyName. This works because state is just an object and propertyName is a key on that object. A small important nuance: dot notation only works when the property name is a valid JavaScript identifier (no hyphens, spaces, etc.). If your state key includes characters that aren’t allowed in identifiers, you must use bracket notation instead, like this.state['name-of-property']. In practice, developers usually name state properties with valid identifiers (for example nameOfProperty or name_of_property) and read them with this.state.nameOfProperty or this.state.name_of_property. The general idea is that you access state values via this.state.someKey, adapting the syntax to the exact key name.

Reading a component’s state happens through the this.state object. To get a specific value, you typically use dot notation: this.state.propertyName. This works because state is just an object and propertyName is a key on that object.

A small important nuance: dot notation only works when the property name is a valid JavaScript identifier (no hyphens, spaces, etc.). If your state key includes characters that aren’t allowed in identifiers, you must use bracket notation instead, like this.state['name-of-property'].

In practice, developers usually name state properties with valid identifiers (for example nameOfProperty or name_of_property) and read them with this.state.nameOfProperty or this.state.name_of_property. The general idea is that you access state values via this.state.someKey, adapting the syntax to the exact key name.