Question

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

我也尝试过导出默认的应用程序类扩展了React.Component而不是应用程序类扩展了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';

Answer 1

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

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

应该是

import React, {Component} from 'react';

Answer 2

反应本身已经在第一行中导入，无需两次导入。您应该做的是删除第一行，然后代码将运行。

Answer 3

删除第一条React导入行。在第二行中，您还将导入React。您需要一次导入React。因此，仅第二行即可。

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

3 个答案: