当前位置: 首页 > 知识库问答 >
问题:

如何在布局组件中插入内容组件

齐起运
2023-03-14
export default function Layout({ prop, title, subTitle, item }) {
  return (
    <LayoutContainer>
      <LayoutMain>
        <MainRow>
          <MainSubTitle>{subTitle}</MainSubTitle>
          <MainTitle>{title}</MainTitle>
          <MainText>
            우리는 모두 모여 춤을 추지. Let's get it.
          </MainText>
        </MainRow>
      </LayoutMain>
      <FixNav />
      {/*여기는 고정 네비게이션 바*/}
      <LayoutContents>{/*I want to insert content*/}</LayoutContents>
    </LayoutContainer>
  );
}

{/这是内容组件/}

export default function Process() {
  return (
    <Layout title="제조공정" subTitle="df">
      ???
    </Layout>
  );
}

我做了布局组件,我想在许多不同的内容中使用这个组件。例如,我想在网站中构建四个内容。这个布局是一样的。没有分别重写。

请告诉我如何流畅地插入元件。非常感谢。

共有1个答案

孟祯
2023-03-14

是孩子们

export default function Layout({ prop, children, title, subTitle, item }) {
  return (
    <LayoutContainer>
      <LayoutMain>
        <MainRow>
          <MainSubTitle>{subTitle}</MainSubTitle>
          <MainTitle>{title}</MainTitle>
          <MainText>
            우리는 모두 모여 춤을 추지. Let's get it.
          </MainText>
        </MainRow>
      </LayoutMain>
      <FixNav />
      {/*여기는 고정 네비게이션 바*/}
      <LayoutContents>{children}</LayoutContents>
    </LayoutContainer>
  );
}
 类似资料:
  • 我们拓展了基础组件的概念, 创造出了布局组件. 例子 const Grid = (props) => ( <Box {...props} display='inline-block' verticalAlign='top' px={2}/> ); const Half = (props) => ( <Grid {...props} width={1 / 2}

  • 布局是开发 Web 页面最常接触的一个方面,也是页面最直观的一种展现方式。然而在开发前端页面的时候很多工程师会为布局感到头疼,不仅是因为不同浏览器厂商兼容程度的不同,而且还有诸多如适配不同分辨率屏幕所带来的问题、实现起来比较复杂的问题等种种情况。不过在使用了 MIP 之后我们不需要再为这些问题烦恼,MIP 提供了一整套完备的组件布局系统,支持不同布局类型和方式,开发者需要做的仅仅是为组件指定布局属

  • 我有一个主框架,我想用卡片布局在中心位置显示我的新用户类的对象。这里是我的主类 这是我的新用户类 我希望NewUser的对象显示在主类的中心位置

  • 主要内容:什么是AWT 布局组件,什么是AWT 布局管理器,AWT 布局管理器接口,常用的AWT 布局管理器类什么是AWT 布局组件 布局是指组件在容器内的排列。换句话说,我们可以说将组件放置在容器内的特定位置。布局控件的任务由布局管理器自动完成。 什么是AWT 布局管理器 布局管理器会自动定位容器内的所有组件。如果我们不使用布局管理器,那么组件也由默认布局管理器定位。手动布局控件是可能的,但由于以下两个原因而变得非常困难。 处理容器内的大量控件非常繁琐。 很多时候,当我们需要排列组件的时候,组

  • 我正在为Joomla 3.0开发一个自定义组件,并且在我的一个视图中使用一个编辑器字段。我使用纯HTML和JS开发视图,而不是使用Joomla XML结构。我已经成功地加载并使用了编辑器字段,但是当我使用ajax将表单数据发布到控制器时,编辑器字段没有显示,或者为空。 如何使用ajax将编辑器的内容发布到控制器? 表格代码- Javascript代码- 请假设ajax请求以及与将数据发布到相关控制

  • 在我的应用程序,我想有滑动菜单在左侧,就像Facebook。 在我的前一个问题中,我提出了相同的问题,感谢这个答案,我可以找到一种方法,使用这个库向右滑动我的布局。但是,我发现,库实际上并不滑动布局,相反,它只是截图并向右滑动图像,因为布局上的组件是不可点击的。我需要这些组件是可点击的。因此,我尝试了一种新的实现方法,将滑出菜单放在左侧,保持的默认可见性,并在单击左上角的“显示/隐藏菜单”按钮时使