简化你的状态管理：使用React Context和useReducer

幸运的是，React自身提供了一些工具，可以帮助我们简化状态管理的过程，其中最常用的是React Context和useReducer钩子。它的工作方式类似于Redux中的reducer函数，它接收一个当前状态和一个操作，然后返回一个新的状态。在上面的代码中，我们将Counter组件包装在CounterProvider中，以便整个应用程序都可以访问计数器的状态和操作。在上述代码中，我们将Counter组件包裹在CounterProvider中，以便整个应用程序都可以访问计数器的状态和操作。