最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

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

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

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

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

3 回答

?
PIPIONE

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超9個贊

檢查上述包中的源代碼我發(fā)現(xiàn)我必須

代替:

?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',

? });


查看完整回答
反對 回復(fù) 2023-11-11
?
揚(yáng)帆大魚

TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超9個贊

我通過安裝 Google 帳戶類型來修復(fù)它

npm install @types/google.accounts


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

TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個贊

async只需從腳本標(biāo)簽中刪除該屬性:


前:


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


后:


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


如果您使用 Typescript,您可以創(chuàng)建一個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 上找到。


查看完整回答
反對 回復(fù) 2023-11-11
  • 3 回答
  • 0 關(guān)注
  • 299 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號