React-Hooks自定义函数

自定义一个React-Hooks函数,让这个函数实现我们想要的一部分功能,比如实现实时监听窗口的大小

useRef获取DOM元素和保存变量

使用useRef可以很轻松的让我们对DOM进行获取和修改

useMemo解决子组件重复执行的问题

React-Hooks的useMeno可以解决子组件重复执行的问题,使得代码执行效率会变高,尤其是设计到Ajax请求的时候,极大的优化了执行的流程

useReducer实现redux进行颜色的替换

我们看一下如何使用useReducer实现redux进行颜色的替换,达到颜色共享的效果

useReducer代替redux

React-Hooks中提供的useReducer最大的好处就是让我们使用更简单的代码来完成redux的功能

useReducer介绍和简单使用

React-Hooks的useReducer可以管理状态,容易测试

useContext实现父子组件传值

useContext实现父子组件传值,我认为React-Hooks提供的传值方式没有以前props传值那么简单,但是我们如果需要使用React-Hooks的话,必然需要传值

useEffect实现componentWillUnmount生命周期函数

使用useEffect可以实现componentWillUnmount生命周期函数的功能,简化了生命周期函数的使用时机和重复执行的问题

useEffect代替常用生命周期函数

React-Hooks为我们提供了一整套的新的编写组件的方案,其中就包括生命周期函数

React-Hooks多状态声明

React-Hooks如何声明多个状态并进行传递呢?其实很简单,使用多个useState定义即可。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×