加入收藏 | 设为首页 | 会员中心 | 我要投稿 应用网_丽江站长网 (http://www.0888zz.com/)- 科技、建站、数据工具、云上网络、机器学习!
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

【React深入】从Mixin到HOC再到Hook

发布时间:2019-04-11 19:06:17 所属栏目:优化 来源:ConardLi
导读:副标题#e# 导读 前端发展速度非常之快,页面和组件变得越来越复杂,如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分,这直接关系着应用程序的质量以及维护的难易程度。 本文介绍了React采用的三种实现状态逻辑复用的技术,并分析了他们的实现原

通过useState,我们使用函数式组件也能实现这样的功能:

  1. export default function HookTest() {  
  2.   const [count, setCount] = useState(0);  
  3.   return (  
  4.     <div>  
  5.       <p>You clicked {count} times</p>  
  6.       <button onClick={() => { setCount(count + 1); setNumber(number + 1); }}>  
  7.         Click me  
  8.         </button>  
  9.     </div>  
  10.   );  

useState是一个钩子,他可以为函数式组件增加一些状态,并且提供改变这些状态的函数,同时它接收一个参数,这个参数作为状态的默认值。

Effect Hook

Effect Hook 可以让你在函数组件中执行一些具有 side effect(副作用)的操作

参数

(编辑:应用网_丽江站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读