React 页面开发服务规范抽象

import React, { useReducer, useContext } from "react"; import { useFetch } from "use-http"; import { TicketContext as ProviderContext } from "../../components/home/Tickets.service";  // define initial state const initialState = {   ticketId: 0,   ticket: {},   initData: {}, };  // difine reducer const reducer = (state, { type, ...action }) => {   return actions[type](state, action); };  // export actions const actions = {};  // export and define only hooks export default function usePage() {   const [state, dispatch] = useReducer(reducer, initialState);   const fetch = useFetch({});   const ProviderValue = useContext(ProviderContext);    return [state, dispatch, fetch, ProviderValue]; }  // export and define only Context export const Context = React.createContext(null);