TypeScript redux-first-router.connectRoutes函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中redux-first-router.connectRoutes函数的典型用法代码示例。如果您正苦于以下问题：TypeScript connectRoutes函数的具体用法？TypeScript connectRoutes怎么用？TypeScript connectRoutes使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了connectRoutes函数的4个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: connectRoutes

import { History } from 'history';

declare var console: any;
declare var history: History;

type State = LocationState;
type StoreCreator = StoreEnhancerStoreCreator<State>;

const routesMap = {
  HOME: '/'
};

const {
  reducer,
  middleware,
  enhancer
} = connectRoutes(history, routesMap);

const dumbMiddleware: Middleware = (store: MiddlewareAPI<LocationState>) => (next: Dispatch<LocationState>) => (action: Action) => {
  next(action);
};

const composedMiddleware = applyMiddleware(middleware, dumbMiddleware);

const storeEnhancer = compose<StoreCreator, StoreCreator, StoreCreator>(enhancer, composedMiddleware);

const store = createStore(reducer, storeEnhancer);

// $ExpectType Store<LocationState>
store;

开发者ID:Crevil，项目名称:DefinitelyTyped，代码行数:30，代码来源:redux-first-router-tests.ts

示例2: connectRoutes

declare var history: History;

type State = LocationState;
type StoreCreator = StoreEnhancerStoreCreator<State>;

const routesMap = {
  HOME: '/'
};

const {
  reducer,
  middleware,
  enhancer,
  initialDispatch
} = connectRoutes(history, routesMap, {
  initialDispatch: false
});

const dumbMiddleware: Middleware = store => next => action => next(action);

const composedMiddleware = applyMiddleware(middleware, dumbMiddleware);

const storeEnhancer = compose<StoreCreator, StoreCreator, StoreCreator>(enhancer, composedMiddleware);

const store = createStore(reducer, storeEnhancer);

const receivedAction: ReceivedAction = {
    type: 'HOME',
    payload: {}
};
actionToPath(receivedAction, routesMap); // $ExpectType string

开发者ID:Root-Core，项目名称:DefinitelyTyped，代码行数:31，代码来源:redux-first-router-tests.ts

示例3: connectRoutes

const { reducer, middleware, enhancer, initialDispatch, thunk } = connectRoutes(routesMap, {
    basename: '/base',
    strict: false,
    location: state => {
        const locationState = state.location; // $ExpectType LocationState<Keys, State>
        return locationState;
    },
    title: state => {
        const title = state.location.pathname; // $ExpectType string
        return title;
    },
    initialDispatch: false,
    initialEntries: [],
    querySerializer: {
        stringify: queryString => {
            queryString; // $ExpectType object
            return '';
        },
        parse: params => {
            params; // $ExpectType string
            return {};
        }
    },
    notFoundPath: 'not-found',
    scrollTop: true,
    restoreScroll: (history: History) => {
        return {};
    },
    onBeforeChange: (dispatch: Dispatch, getState: StateGetter<State>, bag: Bag) => { },
    onAfterChange: (dispatch: Dispatch, getState: StateGetter<State>, bag: Bag) => { },
    onBackNext: (dispatch: Dispatch, getState: StateGetter<State>, bag: Bag) => { },
    displayConfirmLeave: (message: string, callback: (unblock: boolean) => void) => { },
    createHistory: (options?: any) => history
});

开发者ID:Jeremy-F，项目名称:DefinitelyTyped，代码行数:34，代码来源:redux-first-router-tests.ts

示例4: connectRoutes

};

const {
    reducer,
    middleware,
    enhancer,
    initialDispatch,
    thunk,
} = connectRoutes(history, routesMap, {
        initialDispatch: false,
        onBeforeChange: (dispatch, getState) => {
            dispatch; // $ExpectType Dispatch<any>
            getState; // $ExpectType StateGetter<State>
        },
        location: state => {
            const locationState = state.location; // $ExpectType LocationState<Keys, State>
            return locationState;
        },
        title: state => {
            const title = state.location.pathname; // $ExpectType string
            return title;
        }
    });

const dumbMiddleware: Middleware = store => next => action => next(action);

const composedMiddleware = applyMiddleware(middleware, dumbMiddleware);

const storeEnhancer = compose<StoreCreator, StoreCreator, StoreCreator>(
    enhancer,
    composedMiddleware

开发者ID:Dru89，项目名称:DefinitelyTyped，代码行数:31，代码来源:redux-first-router-tests.ts

注：本文中的redux-first-router.connectRoutes函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。