我正在尝试导入组件,但无法执行
我还尝试过导出默认类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';
4条答案
按热度按时间izkcnapc1#
在代码片段顶部,
React
被导入两次应该是
cngwdvgl2#
React已经在第一行中导入了,不需要导入两次。你应该做的是删除第一行,你的代码就会运行。
9q78igpj3#
删除第一个
React
导入行。在第二行中,您也导入了React
。您需要导入React
一次。因此,只有第二行可以完成。ckocjqey4#
从子组件中删除以下导入。
如果父组件已经具有相同的导入,并且您正在从该父组件调用子组件,则子组件不需要相同的导入语句。