相关疑难解决方法(0)

为什么“使用 Google 登录”按钮在我第二次渲染后消失了?

我正在使用Google Identity 中的“使用 Google 登录”按钮。我已将此按钮文档页面中的 HTML放入 React 组件中。看起来像这样:

export default function GoogleLoginButton() {

  return (
    <>
      <div
        id="g_id_onload"
        data-client_id="XXXXXX"
        data-auto_prompt="false"
      ></div>
      <div
        className="g_id_signin"
        data-type="standard"
        data-size="large"
        data-theme="outline"
        data-text="sign_in_with"
        data-shape="rectangular"
        data-logo_alignment="left"
      ></div>
    </>
  );
}
Run Code Online (Sandbox Code Playgroud)

第一次加载页面时,Google 登录按钮正确显示,我可以登录。然后登录按钮被注销按钮取代。问题是,当我单击应该再次呈现 Google 登录按钮的注销按钮时,它不会重新出现!这是为什么?

我可以补充一点,注销后刷新页面会返回 Google 按钮。

reactjs google-signin google-identity

16
推荐指数
2
解决办法
8720
查看次数

标签 统计

google-identity ×1

google-signin ×1

reactjs ×1