Integration von Facebook Web SDK mit ReactJS Component State
Ich fange mit ReactJS, NodeJS, Webpack und dem Facebook SDK für die Benutzerauthentifizierung an. Alle diese Technologien und die damit verbundenen Prinzipien und Best Practices der Softwareentwicklung sind für mich relativ neu (selbst JavaScript ist für mich ziemlich neu).
Ich habe das Tutorial hier gefolgthttps: //developers.facebook.com/docs/facebook-login/we und ich habe Facebook-Authentifizierung funktioniert großartig! Aber so wie dieser Tutorial-Inhalt strukturiert ist, sieht es für mich so aus, als ob das SDK nur dafür ausgelegt ist, zu erwarten, dass die FB-Status-Response-Handler im HTML-Rohtext der Seite direkt im @ -Zeichen enthalten sin<body> Etikett. Im Folgenden wird insbesondere auf Folgendes verwiesen:
// 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'));
Diese Strategie scheint mir unvollkommen und schwer mit React-Komponenten zu integrieren. Gibt es eine Möglichkeit, den Anmelde- / Authentifizierungscode von Facebook und die Handler für die Aktualisierung des Facebook-Status aus dem HTML-Code in Skripts zu verschieben, die mit dem React-Code über das Webpack gebündelt werden? Ist es möglich? Ein Grund für meine Frage ist, dass, wenn ich richtig verstehe, mein Facebook-Statusaktualisierungs-Handler den Status meiner React-Komponenten aktualisieren kann, dieser Handler Teil einer Komponente sein muss, um Zugriff auf die relevante React-Komponente zu haben.this.setState(...) Funktion.
Bin ich überhaupt richtig darüber nachgedacht?