Explain 2 different solutions

[tortobaka]

Tell us what’s happening:
Describe your issue in detail here.
Solutin given by freecodecamp and my solution are different. Where I initialize the state, my code is written as:

this.state = {name}

Compared to the solution given as:

this.state = {
name : “Name”
}

Mine code also works. Why is this?

  **Your code so far**

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

  **Your browser information:**

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

Challenge: Create a Stateful Component

Link to the challenge:

freeCodeCamp.org

[ghulamshabirbaloch]

@tortobaka

this.state = {
name : “Name”
}

either you can have an empty object like this {} or an object with key value pairs, the above example from fcc is a valid object declaration