本文主要是介绍松露泡酒的功效与作用_将毛毛雨(松露)与React挂钩一起使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
松露泡酒的功效与作用
想知道如何使用React Hooks实现Drizzle吗?
我已经将此基于类的Drizzle教程的完整版本转换为React Hooks Truffle Box。 它已经准备好供您下载,因此您可以使用已经订阅Drizzle商店的现成的React Hooks DAppSwift进行操作。
原始教程提供了有关如何从头开始使用React和Drizzle创建Truffle项目并将Drizzle嵌入基于类的React(D)App中的指南。 DApp订阅了Drizzle商店,用户随后可以在区块链上(设置)字符串,以及读取(获取)最新存储的字符串。
我建立在Truffle提供的教程的基础上,并更改了基于类的组件以使用React Hooks,即useState()
和useEffect()
。
为了方便起见,我还包括了酶(一种对React有用JavaScript测试实用程序)以及一个示例测试。
您可以按照以下指南下载完整的React Hooks Drizzle软件包。
在拿到盒子之前
如原始教程中所述,您将需要安装Node.js,create-react-app和Truffle -请参阅“设置开发环境”。
拆箱说明
如果您已经有松露,可以按以下方式下载该框:
创建一个新目录。 在新目录中,运行:
truffle unbox atkinsonholly/Drizzle-tutorial-with-React-Hooks
这会将框内容拉到计算机上的新本地目录中。
使用这个盒子
- 切换到客户端目录。 运行
npm install
- 在主项目目录中,输入
truffle develop
- 然后,在Truffle控制台中,输入
compile
然后migrate
现在,Solidity合同应该在您的测试区块链上,并且DApp应该在http:// localhost:3000上可用。
失误
您可能需要安装Xcode才能在macOS上使用此框,请参阅Github上的node- gyp 。 如果遇到此问题,以下命令可能会很有用: xcode-select --install
联系
希望您对Trufflebox有所帮助! 随时与任何反馈联系。 您也可以参考我的Github存储库以查看盒子配置。
翻译自: https://hackernoon.com/using-drizzle-truffle-with-react-hooks-cr3lt34wx
松露泡酒的功效与作用
这篇关于松露泡酒的功效与作用_将毛毛雨(松露)与React挂钩一起使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!