我无法在GatsbyJS中创建&使用布局组件来共享我的应用程序中所有majority的页面所共有的组件[关闭]。

Question

封闭. 这个问题需要 细节或清晰度. 目前不接受回答。

---

想改进这个问题？ 添加细节并澄清问题，通过 编辑本帖.

封闭 22天前.

改进这个问题

我试图在我的GatsbyJS项目中创建一个Layout组件，该组件将包括在任何pagecomponent中，但每当我将任何组件作为子组件传递给Layout时，我都会收到一个错误。有谁能帮我了解一下这里出了什么问题？我在使用Layout组件时犯了什么错误吗？

但是，我以前的Gatsby项目遵循这个架构，所有页面共享组件，使用Layout组件工作正常。

我的另一个使用Layout.js编码风格的Gatsby应用之一。 - 我的这个应用的GitHub Repo

import React from 'react'
import Header from './Header'
import Banner from './Banner'

export const Layout = ({ children }) => {
    return (
        <div>
            <Header />
            <Banner />
            {children}
        </div>
    )
}

这是我第一次尝试使用Layout组件的index页面的代码。

import React from "react"
import '../styles/styles.scss'

import { Header, Banner, Layout, Welcome} from '../components'

const IndexPage = () => (
  <Layout>
    <Welcome/>
  </Layout>
)

export default IndexPage;