我正在学习React的基本原理，然后我遇到了这个问题:

错误:元素类型无效:应为字符串（对于内置组件）或类/函数（对于复合组件），但得到的是:Object。您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。检查app的呈现方法。

我看了所有的东西，我不知道我是不是在那里做错了什么，因为我根本看不到任何错误。我看到了一些类似的问题，但我自己的问题却无法解决:下面是一些代码

index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';


ReactDOM.render(<App />,document.getElementById('root'));

app.js:

import React from "react";
import Footer from "./components/Footer";
import MainContent from "./components/MainContent";
import Navbar from "./components/Navbar";

function App() {
  return (
    <div>
      <Navbar />
      <MainContent />
      <Footer />
    </div>
  )
}


export default App

navbar.js:

import React from 'react';

function Navbar() {
    return (
        <nav>This is a Navbar</nav>
    )
}

export default Navbar

mainContent.js:

import React from 'react';

function MainContent() {
    return (
        <main>This is a footer</main>
    )
}

export default MainContent

null

import React from 'react';

function Footer() {
    return (
        <footer>This is a footer</footer>
    )
}

export default Footer

• 在MongoDB中将字符串日期转换为时间戳
• 如何从oracle中的列中提取子字符串？
• C/C不允许文字字符串连接
• 将整数列表转换为逗号分隔的字符串
• 查找任何字段与搜索字符串匹配的文档[重复]
• 将二进制文件转换为JavaScript字符串，然后转换为Uint8Array
• 如果我正在读取文件，如何将ASCII（Unicode转义）中的字符串转换为Unicode（UTF-8）？
• 从Spark中包含字符串数组的RDD创建SQLContext数据集[重复]
• RDD[数组[字符串]]到Dataframe
• 如何读取CSV格式数据从JavaRDD<字符串>使用结构类型架构在火花Java
• Pyspark-通过字符串迭代以提取多个键值对
• 如何将字符串转换为Java中的SOAPMessage？
• JAXB马歇尔映射<整数，数组列表<字符串>>
• 在C中将字符串划分为较小的字符串
• 替换字符串时获取编译错误
• 如何将浮点数转换为字符串？
• 使用词法转换设置字符串中的double变量的精度
• 我们可以将字符串用于高精度浮点数吗？
• 使用gson issue将jsonobject转换为字符串
• 将JSON字符串映射到JsonObject