松露泡酒的功效与作用_将毛毛雨（松露）与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

松露泡酒的功效与作用