想把项目玩出花这样的ReactHook给

擅长临床白癜风研究的专家 https://wapjbk.39.net/yiyuanzaixian/bjzkbdfyy/

全文共字,预计学习时长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


转载请注明:http://www.aierlanlan.com/cyrz/5694.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了