提问者:小点点

React通过引用调用方法不起作用


我是reactjs的新手,我正在尝试将social-auth与react集成

提供的示例代码可以工作,但当我尝试集成时,它却不能工作

此代码有效

    const handleSocialLogin = (user) => {
    debugger
    console.log(user)
  }
   
  const handleSocialLoginFailure = (err) => {
    debugger
    console.error(err)
  }
function App() {
  return (
    <div className="App">
      <SocialButton
        provider='facebook'
        appId='XXXXX'
        onLoginSuccess={handleSocialLogin}
        onLoginFailure={handleSocialLoginFailure}>
        Login with Facebook
      </SocialButton>
    </div>
  );
}
class StockFrame extends React.Component{

    constructor(props) {

    }

    handleSocialLogin = (user) =>{
        console.log("user **********")
        debugger
        console.log(user)
    }
    render() {
        return(
            <div className="App">
            <SocialButton
                provider='facebook'
                appId='XXXXX'
                onLoginSuccess={handleSocialLogin}
                onLoginFailure={handleSocialLoginFailure}>
                Login with Facebook
            </SocialButton>
            </div>
        );
     }
}

共1个答案

匿名用户

您需要使用它,因为它是一个类组件。

onLoginSuccess={this.handleSocialLogin}