【文件属性】：
文件名称：重构挂钩：重构到挂钩
文件大小：414KB
文件格式：ZIP
更新时间：2021-02-11 10:07:30
CSS
重构挂钩 :fishing_pole:
这是一系列练习，可帮助您将更多代码重构为钩子
具有通用数据的许多useState
通常，有2个或更多的useState挂钩共享公共数据。 在这些情况下，您可以将它们重构为单个自定义钩子。
但为什么？
我们要在这种情况下进行重构的主要原因有几个：
可读性：通过使用自定义钩子，它提供了更丰富的api，用于描述我们在做什么。
可测试性：当代码较小时，我们可以更轻松地测试代码。
简单性：我们只需编写更少的代码，就可以降低组件的整体复杂性。
代码在哪里？
原始代码在related-states分支上。
对于重构的示例代码，它位于related-states-refactored分支上。
演示应用
【文件预览】：
refactoring-hooks-master
----package.json(975B)
----src()
--------tailwind.output.css(2.44MB)
--------App.scss(564B)
--------index.js(504B)
--------serviceWorker.js(5KB)
--------App.test.js(280B)
--------setupTests.js(255B)
--------index.scss(142B)
--------App.js(1KB)
--------tailwind.css(59B)
----.gitignore(319B)
----public()
--------logo192.png(5KB)
--------manifest.json(492B)
--------robots.txt(67B)
--------index.html(2KB)
--------logo512.png(9KB)
--------favicon.ico(3KB)
----README.md(876B)
----yarn.lock(488KB)