Ich versuche, das Facebook-Kommentar-Plugin in eine ReactJS-App zu laden, die derzeit React Router verwendet.

Wenn ich den Facebook-Init-Code in die componentDidMount () -Methode meiner Seite einfüge, wird dieser beim ersten Mal geladen. Nach dem Aufrufen einer anderen Seite und dem erneuten Aufrufen dieser Seite wird das Plugin jedoch überhaupt nicht geladen.

Gibt es etwas, das ich tun muss, damit es die ganze Zeit angezeigt wird?

Ich denke, ich muss die Facebook-Init entfernen und erneut initialisieren. Aber das fühlt sich nicht richtig an.

Irgendwelche Vorschläge? Unten ist mein Code meiner Komponente

``

import React, { Component } from 'react';
import SlidingPanels from '../components/SlidingPanels';

export class Feedback extends Component {
    constructor() {
        super();
    }

    componentDidMount() {
        $(window).scrollTo(0, '0.5s');

        window.fbAsyncInit = function() {
            FB.init({
                appId      : '115517331888071',
                cookie     : true,  // enable cookies to allow the server to access the session
                xfbml      : true,  // parse social plugins on this page
                version    : 'v2.5' // use version 2.1
            });
        }.bind(this);

        // Load the SDK asynchronously
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    }

    render() {
        return (
            <div>
                <div className="fb-comments" data-href="https://www.facebook.com/cna.net.au/" data-numposts="10"></div>
            </div>
        );
    }
}

``

anke, Joh