我正在使用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 按钮。