在 JavaScript 中 ES6 之前我们使用函数（构造器函数）和基于原型来创建一个自定义的类，但这种方式总会让人产生困惑，特别是习惯了 Java、PHP 等面向对象编程的同学来说更加难以理解。 面向对象编程的基本单位是对象，但对象又是由类实例化的，所以我们第一步需要先知道…

React官网和2018年的React conf上都提到了动机这个东西，那么出现hooks的动机是什么？是什么推动了hooks的出现？先来看一下Hooks的动机。 React没有提供可复用性行为“附加”到组件的途径，在写类组件的时候，一个类是一个闭包并且state在组件间传递并…

React Hooks出来也已经挺久了，一直苦于没有机会去尝试。这次不用不知道，一用吓一跳，用hooks写页面和组件真的是太爽啦！再也不用写冗余的类，不用维护复杂的state和考虑异步的setState，不用考虑this的指向，不用细想在哪个生命周期里执行复杂的逻辑，写起来只能…

以上代码写了一个简单的计数器组件，管理了一个count状态（就是一个名字叫count的数据），在组件加载完成后，执行定时器，将count状态每秒+1，在组件要被卸载之前清除定时器(不清除会一直占用内存，可能导致内存泄漏)。这里添加定时器和卸载定时器都是通过生命周期钩子来实现的，…