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


TypeScript history.createHistory函数代码示例

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


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

示例1: history

export function history (options?: HistoryOptions) {
  const h = createHistory(options);

  const push = (l: LocationDescriptor) => h.push(l);
  const replace = (l: LocationDescriptor) => h.replace(l);

  const stream = new Stream(new HistorySource(h));

  return {push, replace, stream};
}
开发者ID:TylorS,项目名称:most-history,代码行数:10,代码来源:index.ts

示例2: describe

describe('Page', () => {
  const { pathname, search } = window.location;
  const history = createHistory();
  let page: Page;
  let spy;

  beforeEach(() => {
    spy = sinon.spy();
    page = new Page();
  });

  afterEach(() => {
    spy.reset();
  });

  it('should instantiate with an observable property', () => {
    page.should.be.an.instanceof(Page);
    page.observable.should.exist;
  });

  it('should have a current url at instantiation', () => {
    page.currentURL.should.be.an('object');
    page.currentURL.should.have.property('simple');
  });

  describe('.getCurrentURL', () => {
    it('should return a ParsedURL object', () => {
      Page.getCurrentURL().should.have.property('simple');
    });

    it('should use the Page.documentURL as a proxy to document.URL', () => {
      spy = sinon.spy(Page, 'documentURL');
      Page.getCurrentURL();
      spy.should.have.been.calledOnce;
    });
  });

  describe('.documentURL', () => {
    it('should return a string', () => {
      Page.documentURL().should.be.a('string');
    });

    it('should allow overriding', () => {
      const override: string = 'https://test.com/awesome';
      Page.documentURL(override).should.equal(override);
    });
  });

  describe('.getCurrentURL', () => {
    it('should return a ParsedURL object', () => {
      Page.getCurrentURL().should.have.property('simple');
    });
  });
});
开发者ID:kickjump,项目名称:kickjump,代码行数:54,代码来源:Page.spec.ts

示例3: createHistory



import { createHistory, createLocation, useBeforeUnload, useQueries, useBasename } from 'history'
import { getUserConfirmation } from 'history/lib/DOMUtils'

interface Promise<T> {
    then<TResult>(onfulfilled?: (value: T) => TResult): Promise<TResult>;
}

let doSomethingAsync: () => Promise<Function>;
let input = { value: "" };

{
    let history = createHistory()

    // Listen for changes to the current location. The
    // listener is called once immediately.
    let unlisten = history.listen(function(location) {
        console.log(location.pathname)
    })

    // When you're finished, stop the listener.
    unlisten()

    // Push a new entry onto the history stack.
    history.push('/home')

    // Replace the current entry on the history stack.
    history.replace('/profile')

    // Push a new entry with state onto the history stack.
开发者ID:KostyaTretyak,项目名称:DefinitelyTyped,代码行数:29,代码来源:history-tests.ts

示例4: combineReducers

import { createStore, combineReducers, applyMiddleware } from 'redux';
import { createHistory } from 'history';
import { syncHistory, routeReducer } from 'react-router-redux';

const reducer = combineReducers({ routing: routeReducer });

// Sync dispatched route actions to the history
const browserHistory = createHistory()
const reduxRouterMiddleware = syncHistory(browserHistory);
const createStoreWithMiddleware = applyMiddleware(reduxRouterMiddleware)(createStore);

const store = createStoreWithMiddleware(reducer);

// Required for replaying actions from devtools to
reduxRouterMiddleware.listenForReplays(store);
开发者ID:ArtemZag,项目名称:DefinitelyTyped,代码行数:15,代码来源:react-router-redux-tests.ts

示例5: require

import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';
import './css/site.css';
import * as ko from 'knockout';
import { createHistory } from 'history';
import './webpack-component-loader';

// Load and register the <app-root> component
ko.components.register('app-root', require('./components/app-root/app-root').default);

// Tell Knockout to start up an instance of your application
ko.applyBindings({ history: createHistory() });

// Basic hot reloading support. Automatically reloads and restarts the Knockout app each time
// you modify source files. This will not preserve any application state other than the URL.
declare var module: any;
if (module.hot) {
    module.hot.accept();
    module.hot.dispose(() => ko.cleanNode(document.body));
}
开发者ID:An0564,项目名称:JavaScriptServices,代码行数:20,代码来源:boot.ts

示例6: createHistory

//Redux
import { applyMiddleware, compose, createStore, combineReducers } from 'redux';
import thunkMiddleware from 'redux-thunk';

//Router
import {
    syncHistory, routeReducer
} from 'react-router-redux';
import { createHistory } from 'history'
import {rootReducer} from './reducers/rootReducer.ts';
import {DevTools} from './DevTools.tsx';

export const history = createHistory();

const middleware = syncHistory(history);
const reducer = combineReducers(Object.assign({}, {data: rootReducer}, {
    routing: routeReducer
}));

const finalCreateStore = compose(
    applyMiddleware(middleware, thunkMiddleware),
    DevTools.instrument()
)(createStore);

export const store = finalCreateStore(reducer);
middleware.listenForReplays(store);
开发者ID:siddardha56,项目名称:epi,代码行数:26,代码来源:createStore.ts


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