以太坊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);
...
}