React - Create a Stateful Component

[reyhaiz]

Tell us what’s happening:
Describe your issue in detail here.
I’ve tried to try this code but still can’t, is there something wrong or missing? thanks in advance

  **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/104.0.0.0 Safari/537.36

Challenge: React - Create a Stateful Component

Link to the challenge:

freeCodeCamp.org

[Isabella-Tsai]

@reyhaiz

<h1>{this.state.firstName}</h1>

it render firstName, so…
“Initialize the component with state in the constructor and assign your name to a property of firstName.”

@reyhaiz

name: "Name"

change name to firstName and the value instead of “Name” is your first name
Hope this will help. Happy coding