Reactjs Nextjs未在生成时导出组件变量_Reactjs_Next.js

Reactjs Nextjs未在生成时导出组件变量

reactjs next.js

Reactjs Nextjs未在生成时导出组件变量,reactjs,next.js,Reactjs,Next.js,在我的开发环境中，我使用上下文钩子访问该home.requireAuth变量及其当前工作状态在构建应用程序时，在生产过程中我会变得不明确。有人知道为什么吗 import { useAuth } from '../src/context/auth'; const Home = () => { return (<div>Hi im must render </div> ); }; Home.requiresAuth = true; export de

在我的开发环境中，我使用上下文钩子访问该

home.requireAuth

变量及其当前工作状态

在构建应用程序时，在生产过程中我会变得不明确。有人知道为什么吗

import { useAuth } from '../src/context/auth';

const Home = () => {
 

  return (<div>Hi im must render </div> );
};


Home.requiresAuth = true;

export default Home;

从“../src/context/auth”导入{useAuth}；
常量Home=（）=>{
返回（Hi im必须呈现）；
};
Home.requiresAuth=true；
导出默认主页；

我的应用程序看起来像这样

export default function MyApp(props) {
  const { Component, pageProps } = props;
  const classes = useStyle();

  React.useEffect(() => {
    // Remove the server-side injected CSS.
    const jssStyles = document.querySelector('#jss-server-side');
    if (jssStyles) {
      jssStyles.parentElement.removeChild(jssStyles);
    }
  }, []);

  return (
    <>
      <AuthProvider component={Component}>
        <Head>
          <title>ACME</title>
          <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
        </Head>
              <Component {...pageProps} />
      </AuthProvider>
    </>
  );
}

导出默认函数MyApp（道具）{
const{Component，pageProps}=props；
const classes=useStyle（）；
React.useffect（（）=>{
//删除服务器端注入的CSS。
const jssStyles=document.querySelector（“#jss服务器端”）；
if（jssStyles）{
jssStyles.parentElement.removeChild（jssStyles）；
}
}, []);
返回(
顶点
);
}