reactjs 解析错误:标识符"React"已声明

ffx8fchx  于 2023-01-08  发布在  React
关注(0)|答案(4)|浏览(198)

我正在尝试导入组件,但无法执行
我还尝试过导出默认类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';
izkcnapc

izkcnapc1#

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

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

应该是

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

cngwdvgl2#

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

9q78igpj

9q78igpj3#

删除第一个React导入行。在第二行中,您也导入了React。您需要导入React一次。因此,只有第二行可以完成。

ckocjqey

ckocjqey4#

从子组件中删除以下导入。

import React, { Component } from 'react'

如果父组件已经具有相同的导入,并且您正在从该父组件调用子组件,则子组件不需要相同的导入语句。

相关问题