钩子参考

Icon LinkReact Hooks 参考

Icon LinkuseAccount

获取当前Fuel账户并返回账户地址 <string | null>

const { account } = useAccount();
console.log(account);
// fuel1r20zhd...

查看源文件 Icon Link

Icon LinkuseAccounts

获取Fuel账户并返回账户地址的数组 <string[]>

const { accounts } = useAccounts();
console.log(accounts);
// [fuel1r20zhd..., fuel1qqluc9..., ...]

查看源文件 Icon Link

Icon LinkuseBalance

获取指定地址和资产ID的余额 <BN | null>。此外,它还包括一个监听器,当窗口获得焦点时触发余额刷新。

const { balance } = useBalance({
  address: 'fuel1r20zhd...',
  assetId: '0x000000000...',
});
 
console.log(balance);
// 1000 (示例余额)

查看源文件 Icon Link

Icon LinkuseChain

获取有关当前Fuel网络的信息 <ChainInfo | null>

const { chain } = useChain();
console.log(chain.name);

查看源文件 Icon Link

Icon LinkuseConnect

便于连接到Fuel钱包。允许按名称选择连接器。它还提供一个函数 <UseMutateAsyncFunction<boolean | undefined>> 来启动连接,并提供管理连接状态的相关变异属性。

const { connect, connectAsync } = useConnect();
 
const handleConnect = async () => {
  connect('Fuel Wallet');
 
  // 异步方式
  await connectAsync('exampleConnectorName');
};
 
handleConnect();

查看源文件 Icon Link

Icon LinkuseConnectors

检索可用连接器列表 <Array<FuelConnector>>,以便连接到Fuel。

const { connectors } = useConnectors();
 
console.log(connectors);

查看源文件 Icon Link

Icon LinkuseDisconnect

便于从Fuel钱包断开连接。它提供一个函数 <UseMutateAsyncFunction<boolean | undefined>> 来启动断开连接。

const { disconnect } = useDisconnect();
 
const handleDisconnect = async () => {
  disconnect();
 
  // 异步方式
  await disconnectAsync();  
};
 
handleDisconnect();

查看源文件 Icon Link

Icon LinkuseIsConnected

检查用户是否连接到Fuel协议。它提供一个指示连接的 boolean

const { isConnected } = useIsConnected();
console.log(isConnected);
// true

查看源文件 Icon Link

Icon LinkuseNodeInfo

异步获取与连接节点有关的信息,检查是否与指定版本兼容。该函数返回 isCompatible(一个 <boolean>)和节点信息。

const { isCompatible } = useNodeInfo();

查看源文件 Icon Link

Icon LinkuseProvider

从Fuel对象实例返回提供程序。

const { provider } = useProvider();

查看源文件 Icon Link

Icon Link`````

使用 provider.getTransaction 方法检索与特定交易ID相关联的交易信息。

const { transaction } = ```({ txId: 'fuel1r20zhd...' });

查看源文件 Icon Link

Icon Link````Receipts`

使用 useFuel 钩子检索与特定交易ID相关联的交易收据 <Array<TransactionResultReceipt>>

const { transactionReceipts } = ```Receipts({
  txId: 'fuel1r20zhd...',
});

查看源文件 Icon Link

Icon LinkuseWallet

检索钱包实例 <Account | null | undefined> 并确保存在有效的地址和Fuel实例。

const { wallet } = useWallet({ address: 'fuel1r20zhd...' });

查看源文件 Icon Link