Trigger onClick event of component not works

[mikethejet]

Hi if i trying to trigger onClick event on react-facebook-login its not working any idea?

<FacebookLogin
        appId="xy"

        fields="name,email,picture"
            autoLoad={false}
        cssClass="my-facebook-button-class"
        onFailure={e => { console.warn("The fb was not initiated...") }}
        callback={this.responseFacebook}
            render={renderProps => (
             <a ref={button => this.refFacebookButton = button} href="#fb" onClick={ e=> { console.log("click na fb login"); renderProps.onClick() }} className="button blue">{t('Continue with Facebook')}</a>
            )

        }
              />

Calling in componentDidMount()

this.refFacebookButton.click();  

Initiaded as: in constructor :

this.refFacebookButton = new React.createRef();     

Display: "click na fb login" in console but window for facebook login /not open. .

[zagoorland]

I have the same issue...

[monossido]

Same issue I'm using autoLoad as workaround

[bharat2913]

I'm having same issue, Does anyone figured out, what the problem is?

[Quintis1212]

Hello ! This is my solution :

    const btn = document.getElementsByClassName('kep-login-facebook');
    btn[0].click();