Javascript Nextjs将数据（页面标题）发送到组件_Javascript_Node.js_Reactjs_Next.js

Javascript Nextjs将数据（页面标题）发送到组件

javascript node.js reactjs next.js

Javascript Nextjs将数据（页面标题）发送到组件,javascript,node.js,reactjs,next.js,Javascript,Node.js,Reactjs,Next.js,我正在尝试为next.js项目中的每个页面设置自定义标题假设这是我的简单布局 const MainLayout = props => { return ( <Layout style={{ minHeight: "100vh" }}> <Head> <title>I AM TITLE</title> <meta name="viewport" content="width=de

我正在尝试为next.js项目中的每个页面设置自定义标题

假设这是我的简单布局

const MainLayout = props => {

  return (
    <Layout style={{ minHeight: "100vh" }}>
      <Head>
        <title>I AM TITLE</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta charSet="utf-8" />
      </Head>
      <Layout>
        <Content>{props.children}</Content>
        <FooterView />
      </Layout>
    </Layout>
  );
};

export default withTranslation('common')(MainLayout)

const MainLayout=props=>{
返回(
我是冠军
{props.children}
);
};
导出带翻译的默认值（“通用”）（主布局）

和登录页面

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

class NormalLoginForm extends React.Component {

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <MainLayout>
        // LOGIN FORM
      </MainLayout>
    );
  }
}

const WrappedNormalLoginForm = Form.create({ name: "normal_login" })(
  NormalLoginForm
);

export default WrappedNormalLoginForm;

从“../../components/layout/layout”导入MainLayout；
类NormalLoginForm扩展了React.Component{
render（）{
const{getFieldDecorator}=this.props.form；
返回(
//登录表单
);
}
}
const WrappedNormalLoginForm=Form.create（{name:“normal_login”}）(
NormalLoginForm
);
导出默认WrappedNormalLoginForm；

我就是找不到方法（我还是新手）如何像变量一样将标题从登录页面发送到布局。感谢您的帮助。

您将希望将标题作为道具传递

<MainLayout title='Login Page'>
  // LOGIN FORM
</MainLayout>


//登录表单

{props.title}

您还可以将标题作为动态变量传入：

<MainLayout title={loginPageTitle}>
  // LOGIN FORM
</MainLayout>


//登录表单

您需要将标题作为道具传递

<MainLayout title='Login Page'>
  // LOGIN FORM
</MainLayout>


//登录表单

{props.title}

您还可以将标题作为动态变量传入：

<MainLayout title={loginPageTitle}>
  // LOGIN FORM
</MainLayout>


//登录表单

您是否尝试过将道具发送到

并在

MainLayout

组件中使用

props.pageTitle

来显示标题。您是否尝试过将道具发送到

并在

MainLayout

组件中使用

props.pageTitle

来显示标题。