标签：以太 Wagmi Hooks React wagmi 导入 钱包 钩子 连接
Wagmi：以太坊的 React Hooks
React Hooks for Ethereum
瓦格米 是一个集合 反应钩子 包含开始使用以太坊所需的一切。 wagmi 很容易 “连接钱包” 显示 ENS 和平衡信息、签署消息、与合约交互等等——所有这些都具有缓存、请求重复数据删除和持久性。
安装
您可以使用这些代码安装 wagmi.sh。
npm i wagmi 醚
或者
纱线添加wagmi醚
快速开始
您可以从导入 wagmi.sh 开始。
从“wagmi”导入 { WagmiConfig，createClient }
从“ethers”导入 { getDefaultProvider }
常量客户端 = createClient({
自动连接：真，
提供者：getDefaultProvider()，
})
函数应用程序（）{
返回 （
<WagmiConfig client={client}>
<Profile />
</WagmiConfig>
)
}
然后你可以用这些钩子方法连接钱包。还有更多关于网站和文档的例子。
从“wagmi”导入 { useAccount、useConnect、useDisconnect }
从 'wagmi/connectors/injected' 导入 { InjectedConnector }
功能简介（）{
const { 地址，isConnected } = useAccount()
常量 { 连接 } = useConnect({
连接器：新的 InjectedConnector()，
})
常量 { 断开连接 } = useDisconnect()
如果（已连接）
返回 （
<div>
已连接到 {address}
<button onClick={() =>断开（）}>断开</button>
</div>
)
return <button onClick={() =>connect()}>连接钱包</button>
}
在这个例子中，我们创建了一个 wagmi **客户** **** 并将其传递给 **WagmiConfig** **** 反应上下文。客户端设置为使用 ethers 默认提供程序并自动连接到以前连接的钱包。
接下来，我们使用 **使用连接** **** 将注入的钱包（例如 MetaMask）连接到应用程序的钩子。最后，我们显示连接帐户的地址 **使用帐户** **** 并允许他们与 **使用断开连接** .
特征
瓦格米 开箱即用地支持所有这些功能：
- 20 多个用于处理钱包、ENS、合同、交易、签名等的钩子。
- MetaMask、WalletConnect、Coinbase Wallet 和 Injected 的内置钱包连接器
- 缓存、请求重复数据删除、多路调用、批处理和持久性
- 自动刷新钱包、区块和网络变化的数据
- 准备好打字稿
- 针对分叉的以太坊网络运行的测试套件
……还有更多。
概括
Wagmi 很容易用于反应。它还解决了很多问题，使开发人员的一切变得更容易。你可以阅读 文档化 .你也可以检查更多 例子 .
下篇文章见。不要忘记关注我并点击这篇文章。你也可以关注我 领英 .
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明
本文链接：https://www.qanswer.top/3082/19373109
标签：以太,Wagmi,Hooks,React,wagmi,导入,钱包,钩子,连接 来源： https://www.cnblogs.com/amboke/p/16641825.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。