React - Create a Stateful Component

JavaScript
1

Can anybody help? Couldn’t find a solution for this task.
Your code so far

class StatefulComponent extends React.Component {
  constructor(props) {
    super(props);
    // Only change code below this line
this.state = {
name: "firstName"
}
    // 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/110.0.0.0 Safari/537.36

Challenge: React - Create a Stateful Component

Link to the challenge:

1 Like
2

I think this is the solution:
this.state = { firstName: “” }

3

hello and welcome to fcc forum :slight_smile:

  • its not what’s been asked in instructions

lets read from instructions

Initialize the component with state in the constructor and assign your name to a property of firstName

  • you need to have state variable with key name “firstName” and assign it an empty string

address that change and it should be alright, happy learning :slight_smile:

hints: property of an object stays on “left” hand side of “colon” (i.e. {key: value})