Rainbow logo
RainbowKit
2.2.10

ธุรกรรมล่าสุด

ธุรกรรมล่าสุด

แสดงการทำธุรกรรมล่าสุดของคุณ

คุณสามารถเลือกที่จะแสดงการทำธุรกรรมล่าสุดภายในโมดูลบัญชีของ RainbowKit. โปรดทราบว่าการทำธุรกรรมทั้งหมดจะถูกเก็บไว้ใน Local Storage และต้องลงทะเบียนกับ RainbowKit ด้วยตนเองเพื่อให้สามารถแสดงได้

การดำเนินการเริ่มต้นของ ConnectButton จะมีการแสดงตัวบ่งชี้การโหลดรอบรูปแทนผู้ใช้หากมีการทำธุรกรรมที่ค้างอยู่ การกำหนด ConnectButton ขึ้นมาเองสามารถสร้างพฤติกรรมนี้ใหม่ได้ผ่านทางคุณสมบัติ account.hasPendingTransactions ซึ่งจะถูกส่งไปยังฟังก์ชันการเรนเดอร์ของคุณ

หากต้องการใช้ฟีเจอร์นี้ โปรดเปิดใช้งานตัวเลือก showRecentTransactions บน RainbowKitProvider

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
const App = () => {
return (
<RainbowKitProvider showRecentTransactions={true} {...etc}>
{/* ... */}
</RainbowKitProvider>
);
};

จากนั้นสามารถลงทะเบียนธุรกรรมกับ RainbowKit ด้วยการใช้งาน useAddRecentTransaction ฮุค

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