React component won't render-CodePudding

I am doing freecodecamp and I am geting following error: Uncaught TypeError: Super expression must either be null or a function I can't figure out where my mistake is. Here is code:

class MyComponent extends React.component{
constructor(props){
super(props);
};

render(){
return(
  <div>
    <h1>My First React Component!</h1>
  </div>
);
};
};

ReactDOM.render(<MyComponent />,document.getElementById('challenge-node'));

CodePudding user response：

it should be React.Component and not React.component

class MyComponent extends React.Component{
constructor(props){
super(props);
};

render(){
return(
  <div>
    <h1>My First React Component!</h1>
  </div>
);
};
};

ReactDOM.render(<MyComponent />,document.getElementById('challenge-node'));

CodePudding user response：

I believe it is because of a simple typo in your code.

You have inputted React.component where is should be React.Component. I rectified that and the code works now.

class App extends React.Component {

  render() {
    return (
      <div>
        <h1>My First React Component!</h1>
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById("challenge-node"));