Gatsby: Apakah ada cara untuk menambahkan komentar Disqus ke Blog Gatsby

Sebenarnya ada komponen React yang sangat bagus untuk Disqus — https://js.coach/?search=disqus

Anda hanya ingin menambahkannya ke pembungkus penurunan harga ( wrappers/md.js ) dan meneruskan url posting.

Saya menemukan kode yang menurut saya perlu saya tambahkan tetapi tidak yakin di mana saya harus menyematkannya di dalam file wrappers/md.js.

var Bereaksi = membutuhkan('bereaksi');
var ReactDisqusThread = membutuhkan('bereaksi-disqus-utas');

var Aplikasi = 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}/>
    );
}

});

Bereaksi.render( , document.getElementById('wadah'));

Karena ini muncul sebagai hasil teratas untuk pencarian "komentar gatsby disqus". Sekarang ada komponen reaksi-disqus resmi di sini https://github.com/disqus/disqus-react dan posting blog tentang cara mengonfigurasi di sini https://mk.gg/add-disqus-comments-to-gatsby- blog/. Saya baru saja menyelesaikan ini di blog saya menggunakan starter kit gatsby-starter-blog!