分类 React Hooks 中的文章

React_hooks_use_reducer

useContext函数和useReducer很像,并且合作可以完成类似的Redux库的操作。在开发中使用useReducer可以让代码具有更好的可读性和可维护性,并且会给测试提供方便。

……

阅读全文

componentWillUnmount生命周期函数

useEffect实现componentWillUnmount生命周期函数

React应用的时候,在组件中经常用到componentWillUnmount生命周期函数(组件将要被卸载时执行)。比如我们的定时器要清空,避免发生内存泄漏;比如登录状态要取消掉,避免下次进入信息出错。这个生命周期函数是必须的。

……

阅读全文

React_hooks_use_effect

useEffect代替常用生命函数

在用Class制作组件时,经常会用生命周期函数,来处理一些额外的事情(副作用:和函数业务主逻辑关联不大,特定时间或事件中执行的动作,比如Ajax请求后端数据,添加登录监听和取消登录,手动修改DOM等等)。在React Hooks中也需要这样类似的生命周期函数,比如在每次状态(State)更新时执行,它为我们准备了useEffect

……

阅读全文

React_hooks_use_state

useState介绍

useState是react自带的一个hook函数,它的作用是用来声明状态变量。

先来看一下声明的方式,上节课的代码如下: const [ count , setCount ] = useState(0); 这种方法是ES6语法中的数组解构,这样看起来代码变的简单,容易理解。

……

阅读全文