**已关闭。**此问题为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不会显示。
1条答案
按热度按时间vom3gejh1#
我想你有一个打字错误:
childern
-〉children