最近交易

显示您的最近交易

您可以选择在 RainbowKit 的账户模态框中显示最近的交易。请注意，所有交易都保留在本地存储中，必须手动注册至 RainbowKit 才能显示。

ConnectButton的默认实现还将在用户的头像周围显示一个加载指示器，如果有任何挂起的交易。自定义 ConnectButton 实现可以通过传递给您的渲染函数的 account.hasPendingTransactions 属性重现此行为。

要使用此功能，首先启用 RainbowKitProvider 上的 showRecentTransactions 选项。

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

const App = () => {
  return (
    <RainbowKitProvider showRecentTransactions={true} {...etc}>
      {/* ... */}
    </RainbowKitProvider>
  );
};

然后可以使用 useAddRecentTransaction hook 将交易注册到 RainbowKit。

import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
        });
      }}
    >
      Add recent transaction
    </button>
  );
};

一旦交易已经在 RainbowKit 中注册，其状态将在完成时进行更新。

默认情况下，一旦在交易被挖矿的区块之上挖出一个区块，交易就会被视为已完成，但是可以通过指定自定义的confirmations值来配置这一点。

import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
          confirmations: 100,
        });
      }}
    >
      Add recent transaction
    </button>
  );
};

概览

入门

高级

最近交易

显示您的最近交易