UmiJs+react-web3连接Metamask钱包

 本人是步入Web3两个月的小菜鸟，经历了一个月react的后台项目开发，此文章适合刚进入区块链行业的前端同学使用 (掌握html、js、css)，还请大佬们轻点！！

需求：

• 添加Metamask插件

• 实现点击按钮 -> 链接钱包，并在刷新时自动链接。
• 实现点击按钮 -> 添加Chain节点。
• 实现点击按钮 -> 切换Ethereum/Rinkeby节点，切换时页面将刷新。
• 实现点击按钮 -> 获取账户余额。
• 实现点击按钮 -> 获取账户签名

       

step1 Google浏览器安装Metamask钱包

        这里就不演示如何安装了，可以自行搜索，google插件进行安装

step2 使用UmiJs构建项目

        UmiJs官网：快速上手

        1、创建好文件夹后在终端中输入  yarn create @umijs/umi-app

        2、安装依赖     yarn add @web3-react/core   

                                 yarn add @web3-react/injected-connector

                                 yarn add @ethersproject/providers

                                 yarn add web3