How to render display the console log using react and web3

import ReactDOM from ‘react-dom’; import Web3 from ‘web3’; class App extends Component { componentWillMount() { this.loadBlockchainData() } async loadBlockchainData() { const web3 = new Web3(Web3.givenProvider || ‘http://127.0.0.1:7545’) const network = await web3.eth.net.getNetworkType() const accounts = await web3.eth.getAccounts() const balance = await web3.eth.getBalance(accounts[0]) const block = await web3.eth.getBlockNumber() const blockHash = await web3.eth.getBlock(‘latest’) console.log(web3.utils.fromWei(balance, ‘ether’)) console.log(‘network’,…

How to render display the console log using react and web3

import ReactDOM from ‘react-dom’; import Web3 from ‘web3’; class App extends Component { componentWillMount() { this.loadBlockchainData() } async loadBlockchainData() { const web3 = new Web3(Web3.givenProvider || ‘http://127.0.0.1:7545’) const network = await web3.eth.net.getNetworkType() const accounts = await web3.eth.getAccounts() const balance = await web3.eth.getBalance(accounts[0]) const block = await web3.eth.getBlockNumber() const blockHash = await web3.eth.getBlock(‘latest’) console.log(web3.utils.fromWei(balance, ‘ether’)) console.log(‘network’,…