×××实例

在之前的课程中,我们介绍了如何编译与部署合约。现在,我们假设已经把合约部署到了ropsten的网络之上。得到了地址。
现在,我们需要通过合约的ABI接口与地址来构建×××合约的实例。

新建文件:src/lottery.js:

以太坊DAPP[3]-×××-react特性与×××合约实例_第1张图片

src/App.js:

componentDidMount为react class的生命周期函数,其在reander之后执行。state是react中特殊的属性,其只是存在于class component中,用于存储属性。
当state中的状态变化之后,都会重新的执行reander函数,从而让页面展现出不同的效果。下面获取了管理者的地址并存储在了state状态变量中。在页面中显示了管理者的地址。

以太坊DAPP[3]-×××-react特性与×××合约实例_第2张图片

  • 本文链接: https://dreamerjonson.com/2018/12/02/solidity-62-lottery-project-react-state-manager/

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