前端使用React的朋友，肯定都用过AntdUI插件，AntdWeb3用于链接钱包还是很方便的，现在支持EVM链，Solana链，BitCoin链，看一下效果吧！我推荐使用Next.js吧，头两天使用create-react-app各种报错，都运行不起来，后来使用Next.js

如果想在Solana链发代币的话，和EVM链不一样，solana不需要写任何链上合约（程序），前端可以直接调用spl-token库就可以了。通过npm安装就可以了。npminstall@solana/spl-tokennpminstall@solana/web3.js准备工作，

前端如果想和Solana链交互的话，可以使用Solanaweb3.jsnpm指令安装一下就可以了npminstall@solana/web3.js

一、链接网络并获取账号信息1、通过浏览器钱包链接网络constweb3=newWeb3((windowasany).ethereum);//通过MeteMask钱包链接网络letgetAccounts=awaitweb3.eth.requestAccounts();

一、Provider链接网络provider就是用于链接网络的，链接到了EVM相关网络，查可以链上查询相关数据，也才能进行操作。1、BrowserProvider这种就是通过链接安装的浏览器插件钱包，钱包链接网络。MetaMask钱包就用这个就行。如果安装了MetaMask钱包，它会注入一

1、useContractReaduseContractRead主要就是用来调用合约的读取方法的，比如solidity里面带有view和pure的方法，是不需要gas费的。参数address是合约地址，在区块浏览器可以查询到参数abi就是合约的ABI，在区块浏览器可以查询到chainId就是

1、useEnsAddressENS就是Web3的域名，和Web2不一样，Web3的ENS绑定的是钱包地址。useEnsAddress就是用域名获取正在的钱包地址。用法如下：const{data,isError,isLoading}=useEnsAddress({

继续学习wagmi的Hook，今天主要学习发起交易和签名。1、useSendTransaction这个Hook用于发送交易。const{data,isLoading,isSuccess,sendTransaction}=useSendTransaction({

今天研究了一下Hooks，这里要注意，Hooks必须在WagmiConfig标签下的子组件内使用，所以建议把WagmiConfig放在启动界面。1、useAccount这个Hook主要是获取当前账户地址和链接状态有2个选填参数，都是回调函数，分别是onConnect和onDisconnet返

最开始，我是直接使用的create-react-app创建项目的npxcreate-react-appapp-name--templatetypescript但是当我安装wagmi包时，就各种乱七八糟的错，不知道怎么解决所以，后来我使用了UmiMax（React+Umi