我们可以看到上面的组件，添加了一系列hooks和逻辑之后，已经变得非常的庞大。
那这时候我们怎么处理呢？hooks的一个非常的优势，就是能够很方便的提取自定义的hooks。
这个时候，我们就能把上面的一大堆逻辑抽取到一个单独的hooks中，方便复用和解耦。
function useHackerNewsApi = () => {
const [data, setData] = useState(...
| Chinese Article | Word Count | Duration | Accuracy | Speed | Backspace | Error | Slogan |
|---|---|---|---|---|---|---|---|
| 《自定义hooks》 | 1781字 | 60.0分钟 | 100% | 83 CPM | 35 次 | 1 | 良好，向更快挑战！ |
| The wrong word this time: ( | |||||||
|
Suggestion:
可能对按键不够熟悉，或者对输入法不够熟练所导致，不要急慢慢来，先打对把准确率提高，然后逐渐的加快速度，最后才能打准打快。
|
|||||||
| Inspirational quotes: 在三十岁之前，及时回头，改正，从此褪下幼稚的外衣，将智慧带走，然后，要做一个合格人，开始负担，开始顽强地爱着生活，爱着世界。 ——张爱玲 | |||||||
| What do you think of this article? Give it a rating and let it serve as a guiding light for others | |||||||
Registration with the Ministry of Industry and Information Technology: Min ICP No. 19000005