'Component' 未定义 no-undef 搜索关键字以了解有关每个错误的更多信息答案

【问题标题】：'Component' is not defined no-undef Search for the keywords to learn more about each error'Component' 未定义 no-undef 搜索关键字以了解有关每个错误的更多信息
【发布时间】：2019-12-31 14:21:50
【问题描述】：

App.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;

UserInput.js

import React from 'react';
import './App.css';

const userInput = () => {

return <input type="text" />
};

export default userInput;

Output.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' is not defined no-undef 搜索关键字以了解有关每个错误和以前的更多信息 * 这 ** 未找到模块：无法解析 'C:\Users\hp\Desktop\Reactjs\exercise\src\User Output' 中的 './App.css'**

【问题讨论】：

标签： javascript reactjs

【解决方案1】：

由于 App.js 中的class App extends Component 行，您还需要导入Component。

就像下面这样：

import React, { Component } from 'react';

我希望这会有所帮助！

【讨论】：

无法编译 ./src/App.js 模块未找到：无法解析 'C:\Users\hp\Desktop\React JS\excercise\src' 中的 './USerInput'

【解决方案2】：

从'react'导入反应，{组件}；

在顶部导入这个包。我希望它会工作

【讨论】：

与其他答案有什么不同？