• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript react-router-redux.syncHistoryWithStore函数代码示例

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

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



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

示例1: configureStore

export function configureStore() {

    const store = finalCreateStore(rootReducer, initialState);

    history = syncHistoryWithStore(browserHistory, store);

    enableHotLoader(store);        

    return store;
}
开发者ID:blackmob,项目名称:Examples,代码行数:10,代码来源:configureStore.ts


示例2: createHistory

/**
 * Creates the react-router-redux history object.
 */
export default function createHistory(store: Store): ReactRouterReduxHistory {
  const history = __TEST__ ? createMemoryHistory() : hashHistory;
  return syncHistoryWithStore(history, store);
}
开发者ID:agaricus,项目名称:ear-sharpener,代码行数:7,代码来源:index.ts


示例3: routerMiddleware

import RepoReducer from 'js/reducer/RepoReducer'

const middleware: Middleware = routerMiddleware(browserHistory);
const devToolsExtension = (() => {
  const devTools: Function = (window as any).devToolsExtension;
  return devTools ? devTools() : f => f;
})();

const reducers = combineReducers({
  repos: RepoReducer,
  routing: routerReducer
});

const initialState = undefined;

export const store: Store = createStore(
  reducers,
  initialState,
  compose(applyMiddleware(middleware), devToolsExtension)
);

export const history: ReactRouterReduxHistory = syncHistoryWithStore(browserHistory, store);

history.listen(location => {
  console.log(location.pathname);
  // console.trace(location);
});

store.subscribe(() => {
  // console.trace(store.getState());
});
开发者ID:michalkowol,项目名称:webpack-ts-seed,代码行数:31,代码来源:store.ts


示例4: syncHistoryWithStore

import { browserHistory } from 'react-router';
import { syncHistoryWithStore } from 'react-router-redux';
import store from '../store';

export default syncHistoryWithStore(browserHistory, store);
开发者ID:Chronovis,项目名称:timeline-client,代码行数:5,代码来源:history.ts


示例5: combineReducers

/// <reference types="redux" />
/// <reference types="react-router" />

import { createStore, combineReducers, applyMiddleware } from 'redux';
import { browserHistory } from 'react-router';
import { syncHistoryWithStore, routerReducer, routerMiddleware, push, replace, go, goForward, goBack } from 'react-router-redux';

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

// Apply the middleware to the store
const middleware = routerMiddleware(browserHistory);
const store = createStore(
    reducer,
    applyMiddleware(middleware)
);

// Create an enhanced history that syncs navigation events with the store
const history = syncHistoryWithStore(browserHistory, store);
history.listen(location => console.log(location) );
history.unsubscribe();

// Dispatch from anywhere like normal.
store.dispatch(push('/foo'));
store.dispatch(replace('/foo'));
store.dispatch(go(1));
store.dispatch(goForward());
store.dispatch(goBack());
开发者ID:HawkHouseIntegration,项目名称:DefinitelyTyped,代码行数:27,代码来源:react-router-redux-tests.ts


示例6: syncHistoryWithStore

import { syncHistoryWithStore } from 'react-router-redux';
import { browserHistory, hashHistory } from 'react-router';
import { store } from './store';

// Change here history type: hash vs browser. This way we can
// keep track of the selected type of history programmatically.
const selectedHistoryType = hashHistory;

export const isHashHistory = () => selectedHistoryType === hashHistory;
export const isBrownserHistory = () => selectedHistoryType === browserHistory;
export const history = syncHistoryWithStore(selectedHistoryType, store);
开发者ID:MasterLemon2016,项目名称:LeanMood,代码行数:11,代码来源:history.ts


示例7: compose

      uiData: uiDataReducer,
      login: loginReducer,
    }),
    compose(
      applyMiddleware(thunk, sagaMiddleware, routerMiddleware(hashHistory)),
      // Support for redux dev tools
      // https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd
      (window as any).devToolsExtension ? (window as any).devToolsExtension({
        serialize: {
          options: {
            function: (_key: string, value: any): Object => {
              if (value && value.toRaw) {
                return value.toRaw();
              }
              return value;
            },
          },
        },
      }) : _.identity,
    ) as GenericStoreEnhancer,
  );

  sagaMiddleware.run(queryMetricsSaga);
  return s;
}

export const store = createAdminUIStore();

// Connect react-router history with redux.
export const history = syncHistoryWithStore(hashHistory, store);
开发者ID:asubiotto,项目名称:cockroach,代码行数:30,代码来源:state.ts



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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript react-router-redux.routeActions类代码示例发布时间:2022-05-25
下一篇:
TypeScript react-router-redux.syncHistory函数代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap