![](/img/trans.png)
[英]How can I use another web3 provider with React to read data from Polygon?
[英]Accessing web3 prop from react-web3-provider
我在遵循[react-web3-provider] [1]的基本功能時遇到了麻煩
我像這樣圍繞組件的根:
import React, { Component } from "react" import { withWeb3 } from 'react-web3-provider'; import Web3 from 'web3'; import Web3Provider from 'react-web3-provider'; class App extends Component { render() { return ( < Web3Provider defaultProvider = { (cb) => cb(new Web3(new Web3.providers.HttpProvider("https://mainnet.infura.io/YOUR_API_KEY"))) } loading = "Loading..." error = { (err) => `Connection error: ${err.message}` } > <div className = "App" > <NavBar / > </div> </ Web3Provider > ) } } export const NavBar = props => { const { web3 } = props return ( <nav> <ul> <li> {" "} <Link> Partial f </Link>{" "} </li> <li> {" "} <Text.span> Wallet Address: {web3.eth.wallet[0]} </Text.span>{" "} </li> </ul> </nav> ) } export default withWeb3(NavBar)
<script src="https://github.com/ethereum/web3.js/blob/develop/lib/web3.js"></script> <script src="https://github.com/hussy-io/react-web3-provider/blob/master/src/index.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
但是,我不確定應該如何從props獲取web3
,因為按照他們的文檔,沒有任何props從父組件傳遞到子組件。
如何獲取web3
的實例, web3
:
class MyComponent {
render() {
const { web3 } = this.props;
....
文檔中有withWeb3
HOC
import { withWeb3 } from 'react-web3-provider';
class MyComponent {
render() {
const { web3 } = this.props;
}
}
export default withWeb3(MyComponent);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.