React - Create a Stateful Component (May 2023)

JavaScript
1

Tell us what’s happening:
Describe your issue in detail here.
I know there is already a topic for the answer for this challenge but it doesn’t seem to be working. The compiler throws the error “Missing semi-colon” in the space right after the declaration “this.state” and before the first brackets. What am I missing??
Your code so far

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

Challenge: React - Create a Stateful Component

Link to the challenge:

2

It’s a bit of a misleading error. You are assigning a value to this.state in your constructor function, but you’re missing the assignment operator.

1 Like
3

Of course- duh! The simple but potent “=” solved it. Thank you! I get tunnel vision on many of these challenges and a pair of fresh eyes always help!

4

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