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

Question

应用程序.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\\用户输出'**

Answer 1

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

就像下面这样：

import React, { Component } from 'react';

我希望这有帮助！

Answer 2

import React, { Component } from 'react';

在顶部导入这个包。 我希望它会奏效