当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript createBrowserHistory.default函数代码示例

本文整理汇总了TypeScript中history/createBrowserHistory.default函数的典型用法代码示例。如果您正苦于以下问题:TypeScript default函数的具体用法?TypeScript default怎么用?TypeScript default使用的例子?那么, 这里精选的函数代码示例或许可以为您提供帮助。


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

示例1: function

export default function(paths: PathConfigs<BrowserState> = [], history: History = createBrowserHistory()) {
  let currentPath = locationToPathConfigAndMatch(paths, history.location).path;

  function syncToBrowser(s: BrowserState, push: boolean = true): void {
    (push ? history.push : history.replace)(serializeBrowserState(paths, s));
  }

  function onBrowserChange(callback: (s: BrowserState, action: Action) => void): void {
    history.listen((location, action) => {
      currentPath = locationToPathConfigAndMatch(paths, location).path;
      callback(parseBrowserState(paths, location), action);
    });
    callback(parseBrowserState(paths, history.location), 'PUSH');
  }

  function dryRunBrowserTransition<S extends BrowserState>(s: S): S {
    return cleanupPathParams(s, currentPath, browserStateToPathConfig(paths, s)) as S;
  }

  return { syncToBrowser, onBrowserChange, dryRunBrowserTransition };
}
开发者ID:buildo,项目名称:state,代码行数:21,代码来源:browser.ts

示例2: withProps

import createHistory from "history/createBrowserHistory";
import { withProps } from "recompose";

export default withProps({ history: createHistory() });
开发者ID:1ven,项目名称:react-boilerplate,代码行数:4,代码来源:withHistory.ts

示例3: createBrowserHistory

import { createStore, combineReducers, applyMiddleware } from 'redux';
import { routerReducer, routerMiddleware, RouterState } from 'react-router-redux';
import { default as createSagaMiddleware } from 'redux-saga';
import { mainReducer, MainState } from '../reducers/Main';
import { fbScenarioReducer, FBScenarioState } from '../reducers/FBScenario';
import { logger } from '../middleware/logger';
import createBrowserHistory from 'history/createBrowserHistory';
import { rootSaga } from '../middleware/postScenario';

export const history = createBrowserHistory();
const router = routerMiddleware(history);
const sagaMiddleware = createSagaMiddleware();

export default createStore(
  combineReducers({
    main: mainReducer,
    scenario: fbScenarioReducer,
    router: routerReducer,
  }),
  applyMiddleware(logger, router, sagaMiddleware),
);

sagaMiddleware.run(rootSaga);

export type ReduxState = {
  main: MainState;
  scenario: FBScenarioState;
  router: RouterState;
};
开发者ID:kanecop,项目名称:react_laravel,代码行数:29,代码来源:configureStore.ts

示例4: createHistory

import createHistory from 'history/createBrowserHistory';
const history = createHistory({
    basename: ''
});

export default history;
开发者ID:Ed-wu,项目名称:basket-mobile,代码行数:6,代码来源:history.ts

示例5: createHistory

ifOnlyWeHadTopLevelAwaitAndNotSyncModules(tiles).then(() => {
  const history = createHistory()

  const sagaMiddleware = createSagaMiddleware();

  const store = createStore<State, Action, any, any>(
    reduce,
    (window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose)(
      applyMiddleware(
        thunk,
        sagaMiddleware,
        routerMiddleware(history)
      )
    )
  );

  sagaMiddleware.run(sagas)

  main(store, history);
});
开发者ID:mariusGundersen,项目名称:Ekkiog,代码行数:20,代码来源:start.ts

示例6: createHistory

// tslint:disable
import createHistory from 'history/createBrowserHistory';

// Using browser history (the modern one, without `#`) as `react-router-redux`'s history.
export const history = createHistory();
开发者ID:ofir123,项目名称:Michelin,代码行数:5,代码来源:history.ts

示例7: createHistory

import { routerMiddleware } from 'react-router-redux'
import { applyMiddleware, compose, createStore } from 'redux'
import { createLogger } from 'redux-logger'
import createHistory from 'history/createBrowserHistory'
import createSagasMiddleware from 'redux-saga'

import { createAnalyticsMiddleware } from '@dapps/modules/analytics/middleware'
import { createStorageMiddleware } from '@dapps/modules/storage/middleware'

import { rootReducer } from './reducer'
import { rootSaga } from './sagas'

const composeEnhancers =
  (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose

const history = createHistory()

const historyMiddleware = routerMiddleware(history)
const sagasMiddleware = createSagasMiddleware()
const loggerMiddleware = createLogger({
  collapsed: () => true,
  predicate: (_: any, action) =>
    env.isDevelopment() || action.type.includes('Failure')
})
const analyticsMiddleware = createAnalyticsMiddleware(
  env.get('REACT_APP_SEGMENT_API_KEY')
)
const { storageMiddleware, loadStorageMiddleware } = createStorageMiddleware({
  storageKey: env.get('REACT_APP_LOCAL_STORAGE_KEY', 'decentraland-agora')
})
开发者ID:decentraland,项目名称:agora,代码行数:30,代码来源:store.ts

示例8: createHistory

import createHistory from 'history/createBrowserHistory';
export const firekylinHistory = createHistory({
    basename: process.env.basename
});
开发者ID:75team,项目名称:firekylin,代码行数:4,代码来源:history.ts


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