useWeb3React钩子不返回提供程序

Question

我想通过Cloudflare Ethereum网关访问Ethereum区块链。我试图使用Web3-反应库，但是useWeb3React不返回带有provider属性的对象。

codesandbox.io

index.js

import { StrictMode } from "react";
import ReactDOM from "react-dom";
import Web3 from "web3";
import { Web3ReactProvider } from "@web3-react/core";

import App from "./App";

function getLibrary(provider) {
  const web3Provider = new Web3.providers.HttpProvider(
    "https://cloudflare-eth.com"
  );
  const web3 = new Web3(web3Provider);
  return web3;
}

const rootElement = document.getElementById("root");
ReactDOM.render(
  <StrictMode>
    <Web3ReactProvider getLibrary={getLibrary}>
      <App />
    </Web3ReactProvider>
  </StrictMode>,
  rootElement
);

App.js

import { useWeb3React } from "@web3-react/core";

import "./styles.css";

export default function App() {
  const web3React = useWeb3React();
  console.log({ web3React });

  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

Answer 1

库中有一个问题，用这里的解决方案描述了这个问题：https://github.com/NoahZinsmeister/web3-react/issues/126#issuecomment-783057749

似乎您必须在您的App.js中使用您想要使用的任何连接器调用App.js。因此，例如，使用@web3-反应性/注入-连接器

import { useWeb3React } from "@web3-react/core";
import { InjectedConnector } from "@web3-react/injected-connector";

import "./styles.css";

export default function App() {
  const web3React = useWeb3React();

  web3React.activate(new InjectedConnector({
    supportedChainIds: [1, 3, 4, 5, 42]
  }));
  console.log({ web3React });

  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}