hooks（useContext+useReducer）实现全局的状态管理

一个全局共享的状态不应该仅仅是共享，传递的作用，它也应该能被修改，做到一处修改，处处变化。下面我们完善官网的列子，实现状态的共享和修改。

先上图：

App.js

import React,{useEffect,useReducer,useState} from 'react';
// import logo from './logo.svg';
import './App.css';
import {
  // BrowserRouter as Router,
  Route,
  Link,
  // Router
} from "react-router-dom";
import {initState,context,countReducer} from './reducer/index'
import Count from './components/Count'
import ShowCount from './components/ShowCount'



function App() {
	let store=useReducer(countReducer,initState)
	useEffect(()=>{
		console.log('store',store)
	})
	let linkArr=[
		{
			path:'/page1',
			label:'页面1'
		},
		{
			path:'/page2',
			label:'页面2'
		},
		{
			path:'/page3',
			label:'页面3