React 组件未定义 no-undef

Question

作为初学者，我试图将默认的 React 登陆页面从 header.js 渲染到 index.js。请帮我解释一下我错在哪里 Index.js -

import React from 'react';
import ReactDOM from 'react-dom';
import './header.css';
import Header from './header';
import registerServiceWorker from './registerServiceWorker';

class App extends Component {
    render() {
      return (
        <Header />
      );
    }
  }

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

header.js -

import React from 'react';
import ReactDOM from 'react-dom';
import './header.css';
import registerServiceWorker from './registerServiceWorker';

class Header extends Component {
    render() {
      return (
        <div className="App">
          <header className="App-header">
            <h1 className="App-title">Welcome to React</h1>
          </header>
          <p className="App-intro">
            To get started, edit <code>src/App.js</code> and save to reload.
          </p>
        </div>
      );
    }
  }

错误 -

./src/index.js
  Line 7:  'Component' is not defined  no-undef