1、react hooks是用来做什么的？

加入hooks，让react函数组件更加的灵活

hooks之前，React存在很多问题：

• 1、组件间服用状态逻辑难
• 2、复杂组件变的难以理解，高阶组件和函数组件的嵌套过深
• 3、class组件的this问题
• 4、难以记忆的生命周期

hooks有：

• useState()
• useEffects()
• useReducer()
• useRef()
• useCallback()
• useContext()
• useMemo()

2、useReducer()

是一种让函数组件保存状态的方式

reducer 接收两个参数，state，action

3、useContext()

在跨组件层级获取数据时简化获取数据的代码

import React, { useState, createContext, useContext } from "react";
const CountContext = createContext(0);//创建Context

const Example = () => {
  const [count, setCount] = useState<number>(0);
  return (
    <div>
      <p>父组件点击数量：{co