使用web3-react连接到元问询和WalletConnect

Question

我一直在使用web3-react连接不同的钱包:我想连接到元问题扩展，帮助

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

对于wallectConnect

export const walletConnector = new WalletConnectConnector({
  rpc: {
    3: `https://ropsten.infura.io/v3/${INFURA_ID}`,
  },
});

如果我激活上面的walletConnector，它只显示QR代码，并且不包括元请求(注入提供者)选项。

否则，将@walletconnect/web3-provider与web3-react集成的选项是什么？

Answer 1

你想用InjectedConnector，

import { InjectedConnector } from '@web3-react/injected-connector' 

const MetaMask = new InjectedConnector({ supportedNetworks: [1, 4] });
const connectors = { MetaMask };

然后，您想用以下内容包装您的应用程序：

 <Web3Provider
      connectors={connectors}
      libraryName={"ethers.js"}
    > <YOUR_APP/> 
</Web3Provider>

然后把它和这样的东西一起用

import { useWeb3Context } from "web3-react";
import { useEffect } from "react";

const context = useWeb3Context();

useEffect(() => {
    context.setConnector("MetaMask");
}, []);

如果您在MetaMask中使用WalletConnect选项，我认为这只是移动Metamask