Gatsby: GatsbyブログにDisqusコメントを追加する方法はありますか？

実際、Disqusには本当に素晴らしいReactコンポーネントがあります— https://js.coach/?search=disqus

それをマークダウンラッパー（ wrappers/md.js ）に追加して、投稿URLを渡すだけです。

追加する必要があると思うコードを見つけましたが、wrappers/md.jsファイルのどこに埋め込むべきかわかりませんでした。

var React = require（'react'）;
var ReactDisqusThread = require（'react-disqus-thread'）;

var App = createClass（{

handleNewComment: function(comment) {
    console.log(comment.text);
}

render: function () {
    return (
        <ReactDisqusThread
            shortname="example"
            identifier="something-unique-12345"
            title="Example Thread"
            url="http://www.example.com/example-thread"
            category_id="123456"
            onNewComment={this.handleNewComment}/>
    );
}

}）;

React.render（ 、document.getElementById（'container'））;

これは「gatsbydisquscomments」検索の上位結果として表示されるためです。 ここに公式のreact-disqusコンポーネントがありますhttps://github.com/disqus/disqus-reactとここに設定する方法に関するブログ投稿https://mk.gg/add-disqus-comments-to-gatsby-ブログ/。 gatsby-starter-blogスターターキットを使用して、これをブログで機能させました。