title: Implement Facebook API login with reactjs
body: <p>I'm working on using Facebook's Javascript SDK for authentication. I've been able to import the SDK properly and put a Like button on my page. But, the facebook login button has to be wrapped in the tag:     </p>
  
  <pre><code>&lt;fb:login-button/&gt;
  </code></pre>
  
  <p>I currently have all of the code from the <a href="https://developers.facebook.com/docs/facebook-login/login-flow-for-web/v2.2">Facebook Login tutorial</a> pasted into my index.html, the only html file in my project, which houses the React application. But, I need to put the last part, which has the actual login button, into my React component. When I tried to do that, I got the following error:</p>
  
  <pre><code>ReactifyError: /Users/ritmatter/reps/js/components/Signup.jsx: Parse Error: Line 82: Unexpected end of input while parsing file: /Users/ritmatter/reps/js/components/Signup.jsx
  sdk.js:61 The "fb-root" div has not been created, auto-creating
  ping?client_id=894010190618709&amp;domain=localhost&amp;origin=1&amp;redirect_uri=http%3A%2F%2Fstatic.ak.facebo…:1 Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings.  It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.
  </code></pre>
  
  <p>How can I get the login button into react?</p>