将脚本标签添加到ReactJS

时间:2020-02-26 05:36:05

标签: reactjs gatsby

我正在尝试向在Gatsby上运行的博客添加评论脚本。 这是帖子模板的一部分:

  return (
    <Layout>
      <ArticleSEO article={article} authors={authors} location={location} />
      <ArticleHero article={article} authors={authors} />
      <ArticleAside contentHeight={contentHeight}>
        <Progress contentHeight={contentHeight} />
      </ArticleAside>
      <MobileControls>
        <ArticleControls />
      </MobileControls>
      <ArticleBody ref={contentSectionRef}>
        <MDXRenderer content={article.body}>
          <ArticleShare />
        </MDXRenderer>
      </ArticleBody>
      {mailchimp && article.subscription && <Subscription />}
      // I want to put <script> tag here
      {next.length > 0 && (
        <NextArticle narrow>
          <FooterNext>More articles from {name}</FooterNext>
          <ArticlesNext articles={next} />
          <FooterSpacer />
        </NextArticle>
      )}
    </Layout>
  );

我已经阅读了一些文章,有关此问题的一些问答,但无法解决。 如果您需要完整的代码,请Click here。这是我要添加的示例脚本:

<script src="https://utteranc.es/client.js"
        repo="[ENTER REPO HERE]"
        issue-term="pathname"
        theme="github-light"
        crossorigin="anonymous"
        async>
</script>

1 个答案:

答案 0 :(得分:0)

谢谢您,古斯塔夫(Gustav)的建议!我知道了。