🚀 Mới tích hợp ví? Hãy nâng cấp: Thêm chuyển tiền đơn giản vào ứng dụng Next.js của bạn bằng cách sử dụng các hooks của Wagmi. Hoàn hảo cho dApps trên BNB Chain, xử lý $BNB gửi hoặc token ERC-20 như một chuyên gia, kết nối với các xu hướng không gas để có trải nghiệm người dùng mượt mà hơn.

Giả sử bạn đã thiết lập Wagmi/RainbowKit từ hướng dẫn trước của tôi (kiểm tra nếu không!).

Các bước nhanh (Next.js 14+):

  1. Cài đặt viem (đã có trong deps? Bỏ qua):

    npm install viem

  2. Tạo một hàm chuyển (ví dụ, trong một thành phần):

    import { useAccount, useSendTransaction } from 'wagmi'

    import { parseEther } from 'viem'

    function SendBNB() {

    const { address } = useAccount()

    const { sendTransaction } = useSendTransaction()

    const handleSend = () => {

    sendTransaction({

    to: '0xRecipientAddress', // Thay thế bằng địa chỉ thử nghiệm

    value: parseEther('0.001'), // 0.001 BNB

    })

    }

    return <button onClick={handleSend} disabled={!address}>Gửi 0.001 BNB</button>

    }

  3. Đối với ERC-20 (ví dụ, $BUSD trên BNB Chain): Sử dụng useWriteContract thay vì:

    import { useWriteContract } from 'wagmi'

    import { parseUnits } from 'viem'

    import { erc20Abi } from 'viem/abi' // Hoặc import ABI chuẩn

    function SendToken() {

    const { writeContract } = useWriteContract()

    const handleSend = () => {

    writeContract({

    address: '0xTokenContractAddr', // ví dụ, BUSD

    abi: erc20Abi,

    functionName: 'transfer',

    args: ['0xRecipient', parseUnits('1', 18)], // 1 token, 18 chữ số thập phân

    })

    }

    return <button onClick={handleSend}>Gửi Token</button>

    }

Mẹo Chuyên Nghiệp: Thêm xử lý lỗi với useWaitForTransaction để xác nhận. Thử nghiệm trên BNB Testnet, lấy faucet BNB qua công cụ Binance!

Trường hợp sử dụng giao dịch dApp đầu tiên của bạn là gì? Chia sẻ bên dưới, hãy cùng lên ý tưởng nâng cấp 2026! 👇

#Web3 #CryptoDev #BNBChain #Nextjs #WAGMI #HướngDẫnBlockchain $ETH