hook --- 状态 useState
const [ xxx,setxxx ] = useState(默认值)
允许你创建多个状态，多个状态不会互相影响
也可以在一个状态上维护一个对象每次必须新的对象，来替换原先状态.
hook --- useEffect
useEffect( ()=>{ xxx } ）
类似mount钩子加update钩子加unmount
也允许你写多个useEffect(),并且接受第二个参数，为[ xxx ]，及监听的状态不发生改变，该函数就不会执行
每次它自己调用的时候，都是在DOM渲染完毕之后的时候
第一次会自动调用
状态改变时会自动调用
组件卸载的时候也会自动调用，但必须return 一个函数,这个函数会在卸载后执行 ！
hook --- useContext
hook --- useReduer
hook --- useCallback
hook --- useMemo
hook --- useRef
hook --- useImperaiveHandle
hook --- useLayoutEffect
hook --- useDebugValue