logoAnt Design Web3

Ethereum (ethersjs)

熟悉 ethers 的开发者可以安装 @ant-design/web3-ethers 配合组件库使用,其中绝大部份用法都与 wagmi 适配器一致。

bash
npm install @ant-design/web3 @ant-design/web3-ethers ethers --save

基本使用

这个例子展示了使用 ethers 适配器的基本用法。我们提供了两个 react hooks 来获取 providersigner,你可以在组件中使用它们来进行链上操作:

  • useEthersProvider: 获取 ethersProvider 实例。
  • useEthersSigner: 获取 ethersSigner 实例。
address: - (at NaN)

Ethers 旧版本兼容

如果您是 ethers@5.x 的用户,可以手动安装 v5 版本的 ethers,并修改适配器的引入方式,v5 以前的版本不再提供支持,建议升级到最新版本后使用:

bash
npm install @ant-design/web3 @ant-design/web3-ethers-v5 ethers@legacy-v5 --save
tsx
import { EthersWeb3ConfigProvider, useEthersProvider } from '@ant-design/web3-ethers-v5'; // 引入 ethers@5.x 的适配器
const Component = () => {
const provider = useEthersProvider();
// do something with provider
};
const App = () => {
return (
<EthersWeb3ConfigProvider>
<Component />
</EthersWeb3ConfigProvider>
);
};

EthersWeb3ConfigProviderProps

属性描述类型默认值版本
wallets钱包配置WalletFactory[]--
chains链的配置Chain[]--
ens是否显示 ENSboolean--
balance是否显示余额boolean--
locale多语言设置Locale--
eip6963是否采用 EIP6963 协议钱包以及相关配置boolean | EIP6963Configfalse
walletConnect是否采用 Wallet Connect 协议false | WalletConnectOptionsfalse
storage在 session 之间同步状态的存储配置false | WagmiStorage-next
  • 最后更新时间:
    Ethereum以太坊Ethereum (web3js)以太坊