我是一个Angular开发人员，刚接触React，这是一个简单的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 React / React -in- JSX -scope时，'React'必须在作用域中
当前回答
我也有类似的问题。
在我在主组件中添加下面的代码后得到了修复:App.js 如果您有其他组件，请确保在这些文件中也导入react。
import React from "react";
其他回答
如果你想为所有使用jsx语法的文件自动包含import React from ' React '，请安装React -require babel插件:
npm install babel-plugin-react-require --save-dev
在.babelrc中添加react-require。这个插件应该在transform-es2015-modules-commonjs插件之前定义，因为它使用ES2015模块语法将React导入作用域。
{
"plugins": [
"react-require"
]
}
来源:https://www.npmjs.com/package/babel-plugin-react-require
这个错误非常直接，你导入了react而不是react。
在使用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;
对于那些仍然没有得到公认解决方案的人:
Add
import React from 'react'
import ReactDOM from 'react-dom'
在文件的顶部。
导入行应该是:
import React, { Component } from 'react';
注意大写的R代表React。
