react hook的各种功能

react hook的各种功能

React目前提供的Hook
hook    用途
useState    设置和改变state，代替原来的state和setState
useEffect   代替原来的生命周期，componentDidMount，componentDidUpdate 和 componentWillUnmount 的合并版
useLayoutEffect 与 useEffect 作用相同，但它会同步调用 effect
useMemo 控制组件更新条件，可根据状态变化控制方法执行,优化传值
useCallback useMemo优化传值，usecallback优化传的方法，是否更新
useRef  跟以前的ref，一样，只是更简洁了
useContext  上下文爷孙及更深组件传值
useReducer  代替原来redux里的reducer,配合useContext一起使用
useDebugValue   在 React 开发者工具中显示自定义 hook 的标签，调试使用。
useImperativeHandle 可以让你在使用 ref 时自定义暴露给父组件的实例值。