小编ben*_*nmn的帖子

我想在我的 nextjs 应用程序上创建另一个布局。我在某个地方看到了这个方法，在下一个js中添加多个/嵌套布局。问题是我无法完成这项工作，总是出现此错误：

错误：MyApp(...)：渲染未返回任何内容。这通常意味着缺少返回语句。或者，如果不渲染任何内容，则返回 null。

现在这是我的代码：

我的_app.js

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

function MyApp({ Component, pageProps }) {

    const getLayout = Component.pageLayout || ((page) => <Layout>{page}</Layout>);

    return getLayout(<Component {...pageProps} />);

}

export default MyApp;

这是我的布局

import React, { Fragment, useState, useEffect, useRef } from "react";
import { useRouter } from 'next/router';
import NavBar from "./../NavBar";
import MidNavBar from "./../MidNavBar";
import Banner from "./../Banner";

const Layout = ({ children, navBarRefProps }) => {

    const navBarRef = useRef();

    const router = useRouter();

    const …