DApp编程实战：监听与Web3-React应用开发.pdfVIP

课后任务06

6月6DAPP之Wbpp编程下关键知识点:

任务一：Webapp与ERC20合约交互()1)，2）使用Web3-ReactV6，3）推荐使用SWR

延续上一次「ERC20

Web应用」任务

(区块):

钱

包直接转账ETH后，页面自动更新显示

(合约):

钱

包直接转账ERC20后，页面自动更新显示

场景1:

钱包转账后，

页面自动更新

场景2:

用户通过输入框与按钮转账后，页面自动

更新

进阶：处理

MetaMask

(link)

任务二:

使用

Web3‑React

完成上述

「ERC20

Webapp」任务

推荐使用Web3-ReactV6，也可尝试V8，及采用其他框架：wagmi

1）获取Provider，连接钱包

2）显示ETH余额，区块、更新