최근 거래 내역

최근 트랜잭션을 표시하십시오

RainbowKit의 계정 모달 내에서 최근 트랜잭션 표시를 선택적으로 설정할 수 있습니다. 모든 트랜잭션은 로컬 저장소에 보관되며 표시되기 위해서는 RainbowKit에 수동으로 등록되어야 합니다.

기본 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>
  );
};

개요

시작하기

고급

최근 거래 내역

최근 트랜잭션을 표시하십시오