这个错误非常直接，你导入了react而不是react。

如果你正在运行React 17+(在2022年，我假设你是)，你需要在你的.eslintrc中添加以下一行:

{
  "extends": ["plugin:react/jsx-runtime"]
}

然后只在你的顶级文件中导入一次React，比如App.jsx——不需要在其他任何地方导入它，除非你需要一个像useEffect之类的api。

在我的例子中，我必须在src文件夹的index.js文件中包含这两行代码。

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

在你的情况下，这可能是不同的。 如果使用基于类的组件，则可能需要包含组件。

import React, { Component }  from 'react';

或者，如果你正在使用eslint，你可以从上面的注释中得到一些解决方案。

知道更多

我注意到的一件事是从“React”导入React;应该在那里，而不是import react， {Component} from 'react'; 我做过的其他事情是，

(1)添加以下行到index.js文件。

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

如果没有工作，添加这一行从“react-dom/client”导入ReactDOM;而不是从'react-dom'导入ReactDOM

(2)修改eslint配置文件的以下属性。

  rules: {
   "react/react-in-jsx-scope": "off",
  }

但是从React 17开始，不需要添加import React from ' React '和next js

这是由于从'react'导入错误的模块react而导致的错误，您试试这个如何: 1日

import React , { Component}  from 'react';

或者你也可以试试这个:

import React from 'react';
import { render   }  from 'react-dom';

class TechView extends React.Component {

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

export default TechView;

在使用react框架时，首先需要从react中导入react，并且在导入后始终保持react的首字母大写。

import React, {Component} from '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;