Интеграция Facebook Web SDK с состоянием компонента ReactJS
Я начинаю с ReactJS, NodeJS, Webpack и Facebook SDK для аутентификации пользователей. Все эти технологии и связанные с ними принципы разработки программного обеспечения / лучшие практики являются относительно новыми для меня (даже JavaScript довольно нов для меня).
Я следовал за учебником здесьhttps://developers.facebook.com/docs/facebook-login/web и у меня есть проверка подлинности Facebook работает отлично! Но то, как этот учебный контент структурирован, мне кажется, что SDK предназначен только для того, чтобы ожидать, что обработчики ответа о состоянии FB будут включены в необработанный HTML-код страницы прямо внутри<body> тег. В частности, следующие ссылки это:
// 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'));
Эта стратегия кажется мне несовершенной и сложной для интеграции с компонентами React. Есть ли способ переместить код входа в систему / аутентификации Facebook и обработчики обновления статуса Facebook из HTML, например, в сценарии, связанные с кодом React через Webpack? Является ли это возможным? Отчасти причина моего вопроса заключается в том, что, если я правильно понимаю, чтобы мой обработчик обновления статуса Facebook мог обновлять состояние моих компонентов React, этот обработчик должен быть частью компонента, чтобы иметь доступ к соответствующему компоненту Reactthis.setState(...) функция.
Я даже думаю об этом правильно?