使用JSX react / react-in-jsx-scope时，“反应”必须在范围内？

我是Angular开发人员，是React的新手，这是简单的react Component，但无法正常工作

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 react / react-in-jsx-scope时，“ React”必须在范围内