使用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”必须在范围内

导入行应为：

import React, { Component }  from 'react';

注意React的大写字母R。

对于那些仍然没有得到公认的解决方案的人：

加

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

在文件的顶部。

将以下设置添加到.eslintrc.js/ .eslintrc.json以忽略这些错误：

  rules: {
    // suppress errors for missing 'import React' in files
   "react/react-in-jsx-scope": "off",
    // allow jsx syntax in js files (for next.js project)
   "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], //should add ".ts" if typescript project
  }

为什么？ 如果您正在使用，NEXT.js则不需要导入React文件顶部，nextjs会为您完成此操作。

import React, { Component } from 'react';

这是拼写错误，您需要输入React而不是react。