使用gatsby公开/重用html块

使用gatsby公开/重用html块,gatsby,Gatsby,我正在组件中使用html块(服务级别协议)。一切都很好,工作正常 我喜欢将这个块放在一个单独的html文件中,然后在组件中使用它,但是 “公开”可用,因此移动应用程序也可以获取此单个文件并在应用程序中显示其内容 主要原因是只有一个文件要维护所有SLA文本 您可以使用在React组件中放置HTML代码 例如: import htmlFile from "./path/to/html/file.html"; const HtmlDiv = () => ( <div dangero

我正在组件中使用html块(服务级别协议)。一切都很好,工作正常

我喜欢将这个块放在一个单独的html文件中,然后在组件中使用它,但是

“公开”可用,因此移动应用程序也可以获取此单个文件并在应用程序中显示其内容


主要原因是只有一个文件要维护所有SLA文本

您可以使用在React组件中放置HTML代码

例如:

import htmlFile from "./path/to/html/file.html";

const HtmlDiv = () =>  (
  <div dangerouslySetInnerHTML={{ __html: "Hello" }}></div>
);

从“/path/to/html/file.html”导入html文件;
常量HtmlDiv=()=>(
);