亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 google one-tap javascript API 時如何定義變量 google

使用 google one-tap javascript API 時如何定義變量 google

牧羊人nacy 2023-11-11 21:47:02
我正在按照此文檔谷歌一鍵登錄在我的反應應用程序中實現谷歌一鍵登錄。我已將以下代碼添加到我的組件 JSX 中,并且開始出現 google 提示登錄:  const handleCredentialResponse = response => {    console.log('response', response);  };return (    <Fragment>      <div        id="g_id_onload"        data-auto_select = 'false'        data-client_id={clientId}        data-callback={(e) => handleCredentialResponse(e)}>      </div>    </Fragment>  );我面臨的問題是回調函數沒有觸發。在尋找解決方案后,我偶然發現了這個SO問題。OP 提出了類似的問題,并使用 javascript API 語法來顯示谷歌一鍵點擊而不是 HTML 代碼為了遵循上述問題,我閱讀了此文檔使用一鍵 JavaScript API。但我無法理解變量 google 從哪里來?示例代碼:window.onload = function () {    google.accounts.id.initialize({      client_id: 'YOUR_GOOGLE_CLIENT_ID',      callback: handleCredentialResponse    });    google.accounts.id.prompt();  }如果有人可以告訴我這可能會解決我的回調函數不觸發的問題。謝謝!
查看完整描述

3 回答

?
PIPIONE

TA貢獻1829條經驗 獲得超9個贊

檢查上述包中的源代碼我發現我必須

代替:

?google.accounts.id.initialize({

? ? client_id: CLIENT_ID,

? ? callback: data => handleCredentialResponse(data),

? ? state_cookie_domain: 'https://example.com',

? });


?window.google.accounts.id.initialize({

? ? client_id: CLIENT_ID,

? ? callback: data => handleCredentialResponse(data),

? ? state_cookie_domain: 'https://example.com',

? });


查看完整回答
反對 回復 2023-11-11
?
揚帆大魚

TA貢獻1799條經驗 獲得超9個贊

我通過安裝 Google 帳戶類型來修復它

npm install @types/google.accounts


查看完整回答
反對 回復 2023-11-11
?
侃侃無極

TA貢獻2051條經驗 獲得超10個贊

async只需從腳本標簽中刪除該屬性:


前:


<script src="https://accounts.google.com/gsi/client" async defer></script>


后:


<script src="https://accounts.google.com/gsi/client" defer></script>


如果您使用 Typescript,您可以創建一個google.d.ts文件:


/// <reference types="google-one-tap" />

/// <reference types="google.accounts" />


declare global {

  const google: typeof import('google-one-tap');

}

google-one-tap并google.accounts可以在 NPM 上找到。


查看完整回答
反對 回復 2023-11-11
  • 3 回答
  • 0 關注
  • 213 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號