Question

我正在编写此代码，并将React和Component导入app/js文件中，还尝试将app.js导入到index.js中。但是我得到这个error'在JSX

中使用index.js时'反应'必须在范围内

app.js：

import React ,{Component} from 'react';

class App extends Component{
    constructor(props){
        super(props);

    }
    render(){
        return (
            <div>
                <h1>Hello Ashkan</h1>
            </div>
        );
    }
}


export default App;

index.js

import ReactDOM from 'react-dom';
import App from './app'



ReactDOM.render(<App/>,document.getElementById('root'));

我收到此错误

./ src / index.js 第6行：使用JSX react / react-in-jsx-scope时，“ React”必须在作用域之内

Answer 1

您在此处（<App />）中使用JSX：

ReactDOM.render(<App/>,document.getElementById('root'));

无论何时使用JSX React，都应该在范围之内。

导入组件时使用JSX错误时，get React必须在范围内

1 个答案: