使用JSX时，“反应”必须在范围内

大家好，我是React新手，这是我的代码

import React, { Component } from 'react';
import injectTapEventPlugin from 'react-tap-event-plugin';
// Needed for onTouchTap
// http://stackoverflow.com/a/34015469/988941
/* eslint-disable import/first */
injectTapEventPlugin();
import './App.css';
import Loginscreen from './Loginscreen'
class App extends Component {
  constructor(props){
    super(props);
    this.state={
      loginPage:[],
      uploadScreen:[]
    }
  } 
  componentWillMount(){
    var loginPage =[];
    loginPage.push(<Loginscreen parentContext={this}/>);
    this.setState({
                  loginPage:loginPage
                    })
  }
  render() {
    return (
      <div className="App">
        {this.state.loginPage}
        {this.state.uploadScreen}
      </div>
    );
  }
}
const style = {
  margin: 15,
};
export default App;

如果我的代码中有这一行            / *禁止eslint导入/第一个/（第5行） 然后我得到一个错误           使用JSX时，“反应”必须在范围内 但是如果我删除        /禁用eslint import / first * / 然后我得到以下错误        导入模块主体；重新排序到顶部导入/第一 您能帮我解决这个问题吗？提前致谢