"Реакция" должна быть в области применения при использовании JSX-реакции/реакции-в-jsx-сфере?

Я разработчик Angular и новый для React, это простой компонент реакции, но не работает

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;

Ошибка: "Реакция" должна быть в области действия при использовании JSX-реакции/реакции-в-jsx-scope

Ответ 1

Строка импорта должна быть:

import React, { Component }  from 'react';

Обратите внимание на верхний регистр R.

Ответ 2

Для тех, кто до сих пор не получил принятого решения:

добавлять

import React from 'react'
import ReactDOM from 'react-dom'

в верхней части файла.

Ответ 3

Убедитесь, что R является столицей

 Import React from 'react';

Ответ 4

import React, { Component } from 'react';

Это орфографическая ошибка, вам нужно набрать React вместо react.