Create a stateful component question

JavaScript
1

I’m not sure why exactly but it isn’t passing when I run the test. What am I doing wrong?

  **Your code so far**

class StatefulComponent extends React.Component {
constructor(props) {
  super(props);
  // Only change code below this line
this.state = {
name: "Name"
}
  // Only change code above this line
}
render() {
  return (
    <div>
      <h1>{this.state.firstName}</h1>
    </div>
  );
}
};

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.124 Safari/537.36 Edg/102.0.1245.41

Challenge: Create a Stateful Component

Link to the challenge:

2

You created a state property named name but in your render method there is a reference to a state property named firstName (which does not exist). The instructions specify the name to be used for the state property.

1 Like
3

oh wow that was really simple, I feel silly.

Thank you.

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.