jsx
hooks 组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进来。
useState() 状态钩子 纯函数组件没有状态，useState()用于为函数组件引入状态
const[count,setCount]=useState(0)
userContext() 共享状态钩子 状态的分发
组件之间共享状态
userReducer() Action钩子 发起action来调用reducer方法，从而改变状态 useReducer()返回给我们的state和dispatch来驱动这个数据流
useEffect() 副作用钩子 异步请求
