reactHook

reactHook

一、概述
在函数组件里面模拟生命周期和状态state，改变了原始的React类的开发方式，改用了函数形式;它改变了复杂的状态操作形式，让程序员用起来更轻松;它改变了一个状态组件的复用性，让组件的复用性大大增加
二、使用

先从react导入到页面
1、useState使用状态

const  [num,setNum]=useState(10)

2、useEffect模拟生命周期

第一个参数回调函数：模拟组件已经挂载完毕，组件已经更新完毕
第一个参数的返回值，模拟组件将要卸载
第二个参数：依赖数据
3、useRef使用dom引用

const inpRef=useRef()
<input ref={inpRef}>
inpRef.current.value

4、useCallback 使用回调函数 执行一个函数
5、useMemo使用缓存 （返回一个函数）
6、useLayoutEffect视图发生变化
7、useReducer集中数据管理器（模拟reduce）
8、useContext使用上下文（跨层级传参）
createContext创建上下文