質疑応答-web 3への接続

実際の画面上で関数として実装される部分ではreactが利用されているが,classで記述されているため,何の参考も提供されていない.
ReactでWeb 3を使う方法は私が学んだ方法とあまり違いません.
デフォルトでは、window.addEventListener("load")を使用してウィンドウをロードします.
合計3つのステップで接続を試みます.
最初はwindow.ethereumでした.
Windowsにethereumが存在するかどうかを確認し、その値を使用します.
この部分が通過できない場合は、window.web3を利用します.
その後、Ganacheに直接接続してみます.

window.addEventListener("load", async () => {
            // Modern dapp browsers...
            if (window.ethereum) {
                const web3 = new Web3(window.ethereum);
                try {
                    await window.ethereum.enable();
                    resolve(web3);
                } catch (error) {
                    reject(error);
                }
            }
            // Legacy dapp browsers...
            else if (window.web3) {
                // Use Mist/MetaMask's provider.
                
                const web3 = window.web3;
                resolve(web3);
            }
            // Fallback to localhost; use dev console port by default...
            else {
                const provider = new Web3.providers.HttpProvider(
                    "http://127.0.0.1:9545"
                );
                const web3 = new Web3(provider);
                resolve(web3);
            }
        });

以降の関数式アクティビティはclassを使用しているので、私が知っている方法とは違うので参考になりません.
あまり時間がないので、最大の速度で行い、接続方法とテスト方法を全体的に理解することができます.
とても有意義な経験だったと思います
コードを見てみたらweb 3だった.jsライブラリの利用方法について理解しました.
あとは再エンコードが必要なことがあれば、接続部分から使用部分まで、もっと深く勉強したいと思います!!