以太坊DAPP[2]-×××-react框架与web3实例

安装React

create-react-app 可以为我们新建一个模版react项目。让我们非常方便的使用到React。

1 2 3

> npm install -g create-react-app > create-react-app lotterydemo > npm start  //自动打开localhost:3000  看到react界面

web3实例

新建 src/web3.js
在这里使用到了浏览器中内置的provider，在这里默认用户安装了metamask，因为metamask会内置web3j和provider到浏览器中。但是metamask内置的web3j库是0.20版本的。我们希望使用到罪行的1.0版本的web3j。同时使用到metamask提供的provider。

1 2 3

import Web3 from 'web3'; const web3 = new Web3(window.web3.currentProvider); export default web3;

app.js:
在浏览器打印出，web3的版本为1.0.0@beta36

1 2 3 4 5

import web3 from './web3'; render() {  console.log(web3.version);  ... }

• 本文链接： https://dreamerjonson.com/2018/12/02/solidity-61-lottery-project-create-react-app/

• 版权声明： 本博客所有文章除特别声明外，均采用 CC BY 4.0 CN协议 许可协议。转载请注明出处！