Gatsby如何在React组件和先前生成的静态HTML内容之间共享React标头

时间:2018-06-20 08:14:04

标签: reactjs gatsby

我正在建立一个盖茨比站点。该站点由多个React“页面组件”组成,所有这些都包裹在React头组件和React页脚组件中。

我有一些预先存在的静态HTML(例如“隐私权政策&c”之类的东西)。我打算将它们发布在/ public gatsby文件夹中。但是那样就不会有React的页眉组件和页脚组件。

如何发布静态HTML内容并为它们提供React页眉/页脚?

我想像一下,如果我将静态HTML“转换”为JSX,那么当然可以。只是想了解这是否是唯一的方法,正确的方法,或者是否有更简单的方法?

2 个答案:

答案 0 :(得分:0)

您可以将页眉/页脚组件添加到src/layouts/index.js中,而页面内容将根据您添加到<div>{children()}</div>的页面通过src/pages呈现。

答案 1 :(得分:0)

Gatsby将在构建时为您创建静态公共文件(我建议使用Netlify)。您应该“创建” react组件,这意味着在页面文件夹或components文件夹中使用JSX。标头实际上已经是layouts文件夹的一部分,因此您无需为此做任何事情。

根据我的理解,如果您只是创建新的页面文件或修改现有的页面文件以显示您的内容,您将得到想要的行为。然后,只需根据您的喜好自定义事物,即页面,标题内容和样式。