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

Question

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

Answer 1

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

就像下面这样：

import React, { Component } from 'react';

我希望这会有所帮助！