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

【问题标题】：Parsing error: Identifier 'React' has already been declared解析错误：标识符“React”已被声明
【发布时间】：2019-10-26 23:17:37
【问题描述】：

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

我也试过导出默认类 App extends React.Component 而不是类 App extends 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';

【问题讨论】：

可以去掉第一行。

标签： reactjs

【解决方案1】：

在代码sn -p React的顶部导入两次

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

应该是

import React, {Component} from 'react';

【讨论】：

【解决方案2】：

React 本身已经在第一行导入了，不需要导入两次。你应该做的是删除第一行，你的代码就会运行。

【讨论】：

【解决方案3】：

删除第一个 React 导入行。在第二行中，您还导入了React。您需要导入一次React。所以，只有第二行可以。

【讨论】：