javascript - 'Component' 未定义 no-undef 搜索关键字以了解有关每个错误的更多信息
问题描述
应用程序.js
import React from 'react';
import './App.css';
import UserInput from './USerInput/UserInput';
import UserOutput from './UserOutput/UserOutput';
class App extends Component {
render() {
return (
<div className="App">
<p>Somekind of text </p>
<userInput />
<userOutput />
</div>
);
}
}
export default App;
用户输入.js
import React from 'react';
import './App.css';
const userInput = () => {
return <input type="text" />
};
export default userInput;
输出.js
import React from 'react';
import './App.css';
const userOutput = () => {
return <input type="text" />
};
export default userOutput;
错误在 * USerOutput.js * 无法与 src 正确链接,因为它也会使 VSCode 中的代码行变暗,并且出现以下组件错误
./src/App.js
Line 10:19: 'Component' is not defined no-undef
Search for the keywords to learn more about each error.
*'Component' 未定义 no-undef 搜索关键字以了解有关每个错误和以前的更多信息 * 此 ** 未找到模块:无法解析 'C:\Users\hp\ 中的 './App.css'桌面\Reactjs\exercise\src\用户输出'**
解决方案
由于App.jsclass App extends Component
中的行,您还需要导入。Component
就像下面这样:
import React, { Component } from 'react';
我希望这有帮助!
推荐阅读
- python - Python输入类型字段不显示
- python - 某些变量范围会导致不同的数组大小?
- send - SendGrid试用帐户邮件在Nodejs中发送引发错误
- audio - Julia 中的高通滤波器
- javascript - Vue.3 w/ vue.next.draggable 条件
- python - (python,matplotlib)我怎样才能在不是方程的图中做微分?
- css - 你如何增加选择菜单内容的高度?
- drupal-7 - 使用 Drupal 测验模块在现场进行测验,给出 403 错误
- html - 仅禁用Primeng表中一行的单击按钮
- r - 如何检查每行的值是否高于阈值,但每次检查的列都会更改