将第三方脚本标签嵌入到gatsby.js网站中

Question

我正在尝试使用gatsby.js网站中的小部件，但找不到创建有效的react组件的方法！

<div>
  <script src="https://widgets.bookalet.co.uk/publish.js" data-bookalet="b41d3564-11ba-4a54-9ee2-b7d6ec55b214" data-property="13563"></script>
</div> 

这是小部件的外观。它的数据手册和数据属性属性似乎是我找不到答案的异常！

Answer 1

您可以尝试使用React Helmet并实现如下所示：

<Helmet>
    <script>
        {`YOUR_SCRIPT_HERE`}
    </script>
</Helmet>

来源：react-helmet documentation和gatsby-plugin-react-helmet