全文共字,预计学习时长5分钟
作为JavaScript库的三大主流框架之一,React.js可谓风靡全球,全世界的开发者和公司都在用它。Facebook开发了它,并于年5月开源。
React真正改变了构建单页应用的方式,hook是关键。hook于去年引入,使我们能够在处理状态时使用功能组件而不是类组件。除了内置hook,React还支持自定义hook。
想用自定义hook玩出花儿?那还不好说,往下看吧!
1.useFetch
useFetch能以描述性方法实现fetch。首先使用useState初始化响应和错误状态变量,然后使用useEffect异步调用fetch并更新状态,最后返回一个包含响应或者错误变量的对象。
它能帮你从星球大战API获取字符并呈现其名称:
2.useTimeout
有了这个hook,可以使用描述性方法实现setTimeout。首先创建一个带有回调和延迟的自定义hook,然后使用useRef为回调函数创建一个ref,最后两次使用useEffect。一次用于记忆上次回调,一次用于设置timeout和清理。
来看看定时器怎么做:
3.useClickInside
如果在wrapped