Reactでconstが定義されない

Question

前提・実現したいこと

Reactでconstがきちんと定義されていないように感じました。

ブラウザーを立ち上げてconsoleで、下記のコードのconstで定義したaccountsを打つとエラーになってしまいます。

Web3の問題かと思ったので、console上でconst accounts = web3.eth.accounts[0]を打ってみると
しっかり定義はされているみたいです。

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

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

>accounts
<"0xeb827c448545e8562d26e1d70741a7d5ced86ac3"

最終的には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 accounts = await web3.eth.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;

Answer 1

constはブロックスコープですので、関数を抜ければ無効になります。

Comments

[gnx_vw903]

なるほど理解できました。ありがとうございます！！