Question

我正在使用以下按钮并在reactjs组件中。该组件从react-router调用。如果我直接调用页面http://x.x.x.x/#/FBLogin，那么一切正常。

但是当我使用router按钮没有出现时？

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

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

我的Chrome Inspector / React 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

你有什么想法吗？

Answer 1

渲染后尝试调用FB.XFBML.parse。它将检查整个页面上的社交插件。我建议您将自己的登录按钮与FB.login结合使用。这样，你就不会遇到所有这些问题。

如果您需要更多关于以好方式处理FB.login的信息，我前段时间写了一篇博文：http://www.devils-heaven.com/facebook-javascript-sdk-login/

Reactjs - Facebook SDK登录按钮第二次没有显示

1 个答案: