Reactjs - फेसबुक एसडीके लॉगिन बटन दूसरी बार नहीं दिख रहा है - प्रतिक्रिया, फेसबुक-जावास्क्रिप्ट-एसडीके

मैं निम्नलिखित बटन और एक अभिकर्मक घटक में उपयोग कर रहा हूं। इस घटक को प्रतिक्रिया-राउटर से कहा जाता है। अगर मैं सीधे पेज को कॉल करता हूं तो सब कुछ ठीक रहता है http://x.x.x.x/#/FBLogin.

लेकिन जब मैं एक का उपयोग करता हूं रूटर बटन दिखाई नहीं देता है?

  <Route name="app" path="/" handler={App}>
<Route name="login" path="/FBLogin" handler={Login}/>
</Route>

Router.run(routes, function (Handler) {
React.render(<Handler/>, document.body);
});

I Chrome इंस्पेक्टर / प्रतिक्रिया को div DOM में है और दोनों मामलों में समान दिखता है।

    render(){
return (
<div>
<div className="fb-login-button" data-max-rows="1" data-size="large" data-show-faces="false" data-auto-logout-link="false"></div>

</div>
);
} // Render

आपके पास कोई विचार है?

उत्तर:

कॉल करने का प्रयास करें FB.XFBML.parse प्रतिपादन के बाद। यह पूरे पृष्ठ पर सामाजिक प्लगइन्स के लिए जाँच करेगा। मैं आपके साथ संयोजन में अपने स्वयं के लॉगिन बटन का उपयोग करने का सुझाव दूंगा एफबी भाग लेना बजाय। इस तरह, आप उन सभी समस्याओं को नहीं होगा।

मैंने कुछ समय पहले इसके बारे में एक ब्लॉगपोस्ट लिखा था, अगर आपको अच्छे तरीके से FB.login से निपटने के बारे में अधिक जानकारी चाहिए: http://www.devils-heaven.com/facebook-javascript-sdk-login/