渲染方法ReactJs不正确

Question

当我运行我的ReactJS应用程序（在浏览器中和终端中）时，我不断收到此错误消息（请参阅下面的第1张图片）。

浏览器中的错误消息：

我的问题是我导出了我的App.js文件。所以我不明白错误信息的来源。应用程序中的所有其他文件也已正确导出。

代码编辑器代码：

这是我的代码作为App.js文件中的文本：

import React, { Component } from 'react';
//import 'bootstrap/dist/css/bootstrap.css';
import Navigation from './Components/Navigation';
import SideNavigation from './Components/SideNavigation';
import Backdrop from './Components/Backdrop';
//import DrawerToggleButton from './Components/DrawerToggleButton';
import About from './Components/About';
//import Portfolio from //'./Components/Portfolio';
import Contact from './Components/Contact';
import Footer from './Components/Footer';
import './App.css';


class App extends Component {
 render() {
   return(
    <div>
     <Navigation />
     <SideNavigation />
    <Backdrop />
    {/* <DrawerToggleButton /> */}
    <About />
    {/* <Portfolio /> */}
    <Contact />
   <Footer /> 
    </div>

   )
    }
  }

  export default App;

Answer 1

您可以面对此错误的原因有很多。 1）如果您的App Component看起来像这个export const App = () => ....all your code，请尝试导入您的App组件，如import {App} from './App'

2）尝试使用像export default class App extends React.Component这样的类制作你的App组件

希望这可以帮助..