个人中心
gpt4 book ai didi

reactjs - 在 gatsby.js 网站中嵌入第三方脚本标签

转载 作者：行者123 更新时间：2023-12-04 15:41:02 26 4
gpt4 key购买 nike

我正在尝试在 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>

这就是小部件的样子。它的 data-bookalet 和 data-property 属性似乎是我找不到答案的异常!

最佳答案

您可以尝试使用 React Helmet 并像这样实现它:

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

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

关于reactjs - 在 gatsby.js 网站中嵌入第三方脚本标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57786764/

26 4 0
文章推荐： ARM 模板部署中缺少 Azure Web App 暂存槽应用程序设置
文章推荐： github-pages - 从 README.md 自动链接到 GitHub 页面 URL？
文章推荐： webpack:在 html 模板中使用哈希文件名
文章推荐： storage - 如何使 ZFS 高可用