javascript NextJS布局组件未呈现页面内容,错误消息指出对象作为React子对象无效[已关闭]

k10s72fa  于 2023-03-28  发布在  Java
关注(0)|答案(1)|浏览(175)

**已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
去年关闭了。
Improve this question
我试图建立一个项目使用Next.js的第一次,我似乎多个视频的布局组件,这似乎是一个很好的适合我的项目!
然而,我不能让页面内容显示。菜单和页脚显示没有任何问题,但不是页面内容本身。
这是我目前拥有的代码:
文件:_app.js

import Layout from "../components/Layout";

import "../styles/globals.css";
import "antd/dist/antd.css"; // antDesign global css styles

const MyApp = ({ Component, pageProps }) => {
  return (
    <Layout>
      <Component {...pageProps} />
    </Layout>
  );
};

export default MyApp;

文件:Layout.js

import React from "react";
import MainMenu from "../components/MainMenu";
import Footer from "../components/Footer";

const Layout = ({ children }) => {
  return (
    <>
      <MainMenu />
      {children}
      <Footer />
    </>
  );
};

export default Layout;

这个“应该”呈现我不同的页面内容,菜单/页脚应该在我创建的每个页面上可见。我可以在每个页面上看到菜单/页脚,但没有内容。
文件:* index.js *

import React from "react";

const index = () => {
  return <h1>Home page!</h1>;
};

export default index;

File: *orders.js*

错误陈述

Error: Objects are not valid as a React child (found: [object Promise]).
 If you meant to render a collection of children, use an array instead.

我错过了什么?
需要注意的一点是,如果我在 _app.js 文件中注解掉Layout,页面内容会显示得很好,但显然Menu/Footer不会显示。

vom3gejh

vom3gejh1#

我想你有一个打字错误:childern -〉children

相关问题