如何在我的 dapp 中实现连接钱包按钮？答案

【问题标题】：How to implement a connect wallet button in my dapp?如何在我的 dapp 中实现连接钱包按钮？
【发布时间】：2022-11-09 23:21:42
【问题描述】：

我正在尝试一个 dapp，用户可以通过点击一个按钮来连接他们的钱包。

我希望能够登陆页面，查看信息，并且通过单击按钮连接钱包。

所以我创建了这个按钮：

        <li>
          <button onClick={() =>  this.connect_wallet() }
            id="menu-item-47"
          className="connect-button">CONNECT
          </button>
        </li>

我打电话给：

 async connect_wallet(){
     this.loadWeb3()
     this.loadBlockchainData()
  }

当我在智能合约的正确链上时，什么都没有发生。我在控制台中没有错误日志，但我也没有连接。当我将 Metamask 连接到错误的链时，我确实收到警告消息，说我在这个链上没有正确的令牌。

我正在使用的代码在tutorial 和code 之后可用，但登录页面需要钱包登录。只有连接后，用户才能检查页面的内容。这不是我想要的

 async componentWillMount() {
    await this.loadWeb3()
    await this.loadBlockchainData()
  }

【问题讨论】：

标签： reactjs metamask

【解决方案1】：

我认为这个视频可能会有所帮助。一探究竟。还有一个您可以尝试的不和谐频道（gimbalads）非常活跃。

https://youtu.be/uEKR0ePCAho

【讨论】：