1.进入truffle官网box页面,里面有很多现成的前端框架,我们选择常用react来使用


Solidity开发指南(四):react框架使用


2.安装react框架


Solidity开发指南(四):react框架使用


在安装过程中发现了一个大坑,就是node.js的安装版本如果是10.2.0会导致安装不成功,会发现缺少一个core.h文件,这是10.2.0的重大bug,我尝试修改10.2.0版本移除core.h文件引用但代码关联很多没有成功,为此耽误了一天时间,所以如果用truffle框架千万不能从 node中文网站下载10.2.0来安装,一定要从node英文官网下载最新版本10.3.0版本,否则就是浪费时间哦。


Solidity开发指南(四):react框架使用


从官网下载10.3.0版本


Solidity开发指南(四):react框架使用


3.react框架安装成功


Solidity开发指南(四):react框架使用


4.react框架结构


Solidity开发指南(四):react框架使用


5.编译这个项目


Solidity开发指南(四):react框架使用


6.启动react项目


Solidity开发指南(四):react框架使用


7.启动页面


Solidity开发指南(四):react框架使用


8.我们希望修改stored值为100

修改app.js的代码


Solidity开发指南(四):react框架使用



9.实例化对象


Solidity开发指南(四):react框架使用


10.调用set和get方法改变stored值


Solidity开发指南(四):react框架使用



Solidity开发指南(四):react框架使用


11.刷新页面stored值变为了100


Solidity开发指南(四):react框架使用


如果你有疑问欢迎加微信咨询:


https://u.wechat.com/MDHWBbNbJRv36gtFwfExkEo (二维码自动识别)


也可以关注我的公众号想我提问:


http://weixin.qq.com/r/EEzl-dLE5Y_arZae9xkC (二维码自动识别)

相关文章: