前端调用Aptos钱包的基本用法二

溪ｉ

于 2022-11-26 23:55:08 发布

阅读量277

点赞数

分类专栏： web3 react 文章标签： react.js 前端

本文链接：https://blog.csdn.net/weixin_44891495/article/details/128059294

版权

react 同时被 2 个专栏收录

19 篇文章

订阅专栏

web3

5 篇文章

订阅专栏

这篇博客展示了如何在React应用中使用`@manahippo/aptos-wallet-adapter`库来管理钱包连接状态。通过`useWallet`钩子获取连接状态、钱包列表、选择和断开连接的方法。当未连接时，用户可以点击按钮断开连接；反之，则提示用户连接Martian Wallet。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

也可指定要连接的钱包，调用connect方法，传入指定的钱包对象

import { useWallet, MartianWalletName } from '@manahippo/aptos-wallet-adapter';

export function Aptos() {
  const { connected, wallets, select, account, connect, disconnect } = useWallet()

  //断开连接
  async function walletDisconnect() {
    await disconnect();
  }

  if (!connected) {
     return (
         <div>
             <button onClick={()=>walletDisconnect()}>Disconnect</button>
         </div>
     )
  }


   return (
     <p onClick={() => connect(MartianWalletName)}>请连接钱包</p>
   )
}