最近的交易

顯示您最近的交易

您可以選擇在RainbowKit的帳戶模態窗口中顯示最近的交易。請注意，所有交易都保存在本地存儲中，必須手動向RainbowKit註冊才能顯示。請注意，所有交易都保存在本地存儲中，必須手動向RainbowKit註冊才能顯示。

如果有待處理的交易，默認的ConnectButton實現還會在用戶的頭像周圍顯示加載指示器。如果有待處理的交易，默認的ConnectButton實現還會在用戶的頭像周圍顯示加載指示器。自定義的ConnectButton實現可以通過傳遞給您的渲染函數的account.hasPendingTransactions屬性重新創建此行為。

要使用此功能，首先在RainbowKitProvider上啟用showRecentTransactions選項。

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

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

然後可以使用useAddRecentTransaction掛鉤將交易註冊到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>
  );
};

總覽

快速開始

高級

最近的交易

顯示您最近的交易