‘React’ must be in scope when using JSX react/react-in-jsx-scope?

Total
0
Shares

I am an Angular Developer and new to React , This is simple react Component but not working

import react , { Component}  from 'react';
import         { render   }  from 'react-dom';

class TechView extends Component {

    constructor(props){
       super(props);
       this.state = {
           name:'Gopinath'
       }
    }
    render(){
        return(
            <span>hello Tech View</span>
        );
    }
}

export default TechView;

Error :
‘React’ must be in scope when using JSX react/react-in-jsx-scope


Solution

The import line should be:

import React, { Component }  from 'react';

Note the uppercase R for React.

Source: StackOverflow.com

Leave a Reply

Your email address will not be published. Required fields are marked *