解析错误：标识符“React”已被声明

我正在尝试导入组件，但我无法做到这一点

我也尝试过 导出默认类 App 扩展 React.Component 而不是类 App 扩展 Component() 但这并不能解决我的问题

import React from 'react';
import React,{Component} from 'react';
import './App.css';


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

  }
  render() {
  return (
    <div className="App">
      <table className="titleBar">
        <tbody>
          <tr>
            <td>
              <img alt="app icon" width="50" src="primary_green.svg"/>
            </td>
            <td width="8"/>
            <td>
              <h1>MovieDb Search</h1>
            </td>
          </tr>
        </tbody>
      </table>
      <input style={{
        fontSize: 24,
        display: 'block',
        width: '99%',
        paddingTop: 8,
        paddingBottom: 8,
        paddingLeft: 16
      }} placeholder="Enter Search Term"/>
    </div>
  );
 }
}

export default App;


Line 2:  Parsing error: Identifier 'React' has already been declared

import React from 'react';
import React,{Component} from 'react';
import './App.css';

在代码片段的顶部React被导入两次

import React from 'react';
import React,{Component} from 'react';

它应该是

import React, {Component} from 'react';