Блог

Я не могу определить const в react.

После запуска веб-браузера я получил сообщение об ошибке при вводе accounts консольной команды.

 >accounts
VM768:1 Uncaught ReferenceError: accounts is not defined
    at <anonymous>:1:1
(anonymous) @ VM768:1
 

Я подумал, что это Web3 ошибка, поэтому я определил accounts в консольной команде.
Однако я мог бы определить accounts .

 >const accounts = web3.eth.accounts[0]
<undefined

>accounts
<"0xeb827c448545--------1a7d5ced86ac3"
 

Я хочу показать адрес по this.state.account .

Не могли бы вы дать мне какой-нибудь совет, пожалуйста?

 import React, { Component } from 'react';
import Web3 from 'web3';
import './App.css';

class App extends Component {

  conponentWillmount() {
    this.loadBlockchainData()
  }

  async loadBlockchainData() {
    const web3 = new Web3(Web3.givenProvider || "http://localhost:7545")
    const network = await web3.eth.net.getNetworkType()
    console.log("network:", network)
    const accounts = await web3.eth.accounts[0]
    this.state({ account: accounts[0]}) 
    console.log("account:", accounts[0])
    // Fetch Account
  }

  constructor(props) {
    super(props)
    this.state = { account: ''}
  }

  render() {
    return (
      <div className="container">
        <h1>Hello world</h1>
        <p>Your account : {this.state.account} </p>
      </div>
    );
  }
}

export default App;
 

const accounts = await web3.eth.accounts[0] переменная является локальной для loadBlockchainData метода. К нему нельзя получить доступ из командной строки консоли, потому что оттуда доступны только глобальные переменные.

В случае accounts необходимости отладки в инструментах разработчика браузера, внутри можно настроить точку останова loadBlockchainData .