如何使用web3-Reaction将WalletConnect集成到Dapp中？

Question

我一直试图通过遵循WalletConnect的文档 of Web3-反应来集成Web3-反应。

我为连接器使用的配置如下：

import { WalletConnectConnector } from '@web3-react/walletconnect-connector';

export const walletconnect = new WalletConnectConnector({
  rpc: { 1: RPC_URLS[1], 4: RPC_URLS[4] },
  infuraId: INFURA_TOKEN,
  bridge: BRIDGE_URL,
  qrcode: true,
  pollingInterval: 15000,
});

此外，包的版本如下：

"@web3-react/core": "^6.0.9",
"@web3-react/walletconnect-connector": "^6.2.0",

当我使用来自activate的useWeb3React()函数时，如下面的代码所解释：

const { connector, activate, active, account } = useWeb3React();

activate(walletconnect, undefined, true)
    .catch((error) => {
        if (error instanceof UnsupportedChainIdError) {
            activate(walletconnect)
        } else {
            console.log('Pending Error Occured')
        }
    })

它能够生成QR代码，我还可以在我的移动电话和它显示成功连接的移动应用程序中成功地扫描MetaMask应用程序。

不过，在Web的控制台日志中，它显示了一条警告：

Warning: Suppressed stale connector activation [object Object]

因此，它无法在account变量中接收地址。

重要注意事项：--我使用的是与InjectedConnector类似的代码--对于MetaMask来说，它运行的非常好。

尽管上述问题也出现在其他钱包中。这些是我所面临的问题：

1. WalletConnect
2. WalletLink (硬币钱包)
3. 波蒂斯

Answer 1

我用两种方法解决了这个问题：

1. 在后续行中多次调用activate函数
2. 在调用activate函数时设置延迟，如下所示 setTimeout(() ) =>激活(.)，500)

我不确定您的代码结构，所以我不知道这在多大程度上有帮助。但是，陈腐的连接器对象问题是我使用上述两种方法解决的。