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

TypeScript react-router-dom.withRouter函数代码示例

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

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



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

示例1: createStructuredSelector

 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
import { withRouter } from 'react-router-dom';
import { bindActionCreators } from 'redux';
import { createStructuredSelector } from 'reselect';
import { connect } from '../../helpers/migration';

import { ModelsPermissions } from './modelsPermissions.component';
import {
	UserManagementActions,
	selectModels,
	selectCurrentModels,
	selectExtendedModelPermissions
} from '../../modules/userManagement';

const mapStateToProps = createStructuredSelector({
	models: selectModels,
	selectedModels: selectCurrentModels,
	permissions: selectExtendedModelPermissions
});

export const mapDispatchToProps = (dispatch) => bindActionCreators({
	onSelectionChange: UserManagementActions.fetchModelsPermissions,
	onPermissionsChange: UserManagementActions.updateModelsPermissionsPre
}, dispatch);

export default withRouter(connect(mapStateToProps, mapDispatchToProps)(ModelsPermissions));
开发者ID:3drepo,项目名称:3drepo.io,代码行数:30,代码来源:modelsPermissions.container.ts


示例2: createStructuredSelector

 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import { bindActionCreators } from 'redux';
import { createStructuredSelector } from 'reselect';
import { withRouter } from 'react-router-dom';
import { connect, addRouting } from '../../helpers/migration';

import { Dashboard } from './dashboard.component';
import {
	selectCurrentUser,
	selectIsInitialised,
	selectIsAvatarPending,
	selectIsPending,
	CurrentUserActions
} from '../../modules/currentUser';

const mapStateToProps = createStructuredSelector({
	currentUser: selectCurrentUser,
	isInitialised: selectIsInitialised,
	isPending: selectIsPending,
	isAvatarPending: selectIsAvatarPending
});

export const mapDispatchToProps = (dispatch) => bindActionCreators({
	fetchUser: CurrentUserActions.fetchUser
}, dispatch);

export default addRouting(withRouter(connect(mapStateToProps, mapDispatchToProps)(Dashboard)));
开发者ID:3drepo,项目名称:3drepo.io,代码行数:30,代码来源:dashboard.container.ts


示例3: mapStateToProps

export function mapStateToProps(state: AppState, params: any)  {
  let jobUniqueName = getJobUniqueName(
    params.match.params.user,
    params.match.params.projectName,
    params.match.params.experimentSequence,
    params.match.params.jobSequence,);
  return _.includes(state.jobs.uniqueNames, jobUniqueName) ?
      {job: state.jobs.byUniqueNames[jobUniqueName]} :
      {job: null};
}

export interface DispatchProps {
  onDelete?: () => any;
  fetchData?: () => any;
}

export function mapDispatchToProps(dispatch: Dispatch<actions.JobAction>, params: any): DispatchProps {
  return {
    onDelete: () => dispatch(() => undefined),
    fetchData: () => dispatch(
      actions.fetchJob(
        params.match.params.user,
        params.match.params.projectName,
        params.match.params.experimentSequence,
        params.match.params.jobSequence))
  };
}

export default withRouter(connect(mapStateToProps, mapDispatchToProps)(JobDetail));
开发者ID:ttsvetanov,项目名称:polyaxon,代码行数:29,代码来源:jobDetail.ts


示例4: addRouting

/**
 *  Copyright (C) 2017 3D Repo Ltd
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU Affero General Public License as
 *  published by the Free Software Foundation, either version 3 of the
 *  License, or (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import { withRouter } from 'react-router-dom';
import { addRouting } from '../../helpers/migration';

import { StaticPageViewer } from './staticPageViewer.component';

export default addRouting(withRouter(StaticPageViewer));
开发者ID:3drepo,项目名称:3drepo.io,代码行数:23,代码来源:staticPageViewer.container.ts


示例5: createStructuredSelector

 *  published by the Free Software Foundation, either version 3 of the
 *  License, or (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import { bindActionCreators } from 'redux';
import { createStructuredSelector } from 'reselect';
import { connect, addRouting } from '../../helpers/migration';
import { withRouter } from 'react-router-dom';
import { AuthActions, selectMessage, selectIsPending } from '../../modules/auth';
import { RegisterVerify } from './registerVerify.component';

const mapStateToProps = createStructuredSelector({
	message: selectMessage,
	isPending: selectIsPending
});

export const mapDispatchToProps = (dispatch) => bindActionCreators({
	verifyRequest: AuthActions.verify,
	clearMessage: AuthActions.clearAuthMessage
}, dispatch);

export default addRouting(withRouter(connect(mapStateToProps, mapDispatchToProps)(RegisterVerify)));
开发者ID:3drepo,项目名称:3drepo.io,代码行数:30,代码来源:registerVerify.container.ts


示例6: createStructuredSelector

 *  License, or (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import { bindActionCreators } from 'redux';
import { createStructuredSelector } from 'reselect';
import { withRouter } from 'react-router-dom';
import { connect, addRouting } from '../../helpers/migration';

import { PasswordChange } from './passwordChange.component';
import { AuthActions, selectIsPending, selectMessage } from '../../modules/auth';

const mapStateToProps = createStructuredSelector({
	isPending: selectIsPending,
	message: selectMessage
});

export const mapDispatchToProps = (dispatch) => bindActionCreators({
	changePassword: AuthActions.changePassword,
	clearMessage: AuthActions.clearAuthMessage
}, dispatch);

export default addRouting(withRouter(connect(mapStateToProps, mapDispatchToProps)(PasswordChange)));
开发者ID:3drepo,项目名称:3drepo.io,代码行数:30,代码来源:passwordChange.container.ts


示例7: mapStateToProps

import { connect, Dispatch } from 'react-redux';
import { withRouter } from 'react-router-dom';

import { AppState } from '../constants/types';
import * as actions from '../actions/token';
import Logout from '../components/logout';

export function mapStateToProps(state: AppState, params: any) {
  return {};
}

export interface DispatchProps {
  logout?: () => any;
}

export function mapDispatchToProps(dispatch: Dispatch<actions.TokenAction>, params: any): DispatchProps {
  return {
    logout: () => dispatch(actions.logout())
  };
}

export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Logout));
开发者ID:ttsvetanov,项目名称:polyaxon,代码行数:22,代码来源:logout.ts


示例8: bindActionCreators

	activeRiskId: selectActiveRiskId,
	activeRiskDetails: selectActiveRiskDetails,
	showPins: selectShowPins,
	showDetails: selectShowDetails,
	searchEnabled: selectSearchEnabled,
	selectedFilters: selectSelectedFilters,
	isPending: selectIsRisksPending,
	fetchingDetailsIsPending: selectFetchingDetailsIsPending,
	sortOrder: selectSortOrder
});

export const mapDispatchToProps = (dispatch) => bindActionCreators({
	fetchRisks: RisksActions.fetchRisks,
	setState: RisksActions.setComponentState,
	setNewRisk: RisksActions.setNewRisk,
	downloadRisks: RisksActions.downloadRisks,
	printRisks: RisksActions.printRisks,
	setActiveRisk: RisksActions.setActiveRisk,
	showRiskDetails: RisksActions.showDetails,
	toggleShowPins: RisksActions.toggleShowPins,
	subscribeOnRiskChanges: RisksActions.subscribeOnRiskChanges,
	unsubscribeOnRiskChanges: RisksActions.unsubscribeOnRiskChanges,
	closeDetails: RisksActions.closeDetails,
	saveRisk: RisksActions.saveRisk,
	toggleSortOrder: RisksActions.toggleSortOrder,
	setFilters: RisksActions.setFilters,
	renderPins: RisksActions.renderPins
}, dispatch);

export default addRouting(withRouter(connect(mapStateToProps, mapDispatchToProps)(Risks)));
开发者ID:3drepo,项目名称:3drepo.io,代码行数:30,代码来源:risks.container.ts


示例9: createStructuredSelector

 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import { withRouter } from 'react-router-dom';
import { bindActionCreators } from 'redux';
import { connect, addRouting } from '../../../../helpers/migration';
import { createStructuredSelector } from 'reselect';
import { ModelActions, selectSettings, selectRevisions, selectIsPending } from './../../../../modules/model';
import { UploadModelFileDialog } from './uploadModelFileDialog.component';

const mapStateToProps = createStructuredSelector({
	modelSettings: selectSettings,
	revisions: selectRevisions,
	isPending: selectIsPending
});

export const mapDispatchToProps = (dispatch) => bindActionCreators({
	fetchModelSettings: ModelActions.fetchSettings,
	uploadModelFile: ModelActions.uploadModelFile,
	fetchRevisions: ModelActions.fetchRevisions
}, dispatch);

export default addRouting(withRouter(connect(mapStateToProps, mapDispatchToProps)(UploadModelFileDialog)));
开发者ID:3drepo,项目名称:3drepo.io,代码行数:30,代码来源:uploadModelFileDialog.container.ts


示例10: createStructuredSelector

 *  it under the terms of the GNU Affero General Public License as
 *  published by the Free Software Foundation, either version 3 of the
 *  License, or (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import { withRouter } from 'react-router-dom';
import { bindActionCreators } from 'redux';
import { connect, addRouting } from '../../../../helpers/migration';
import { createStructuredSelector } from 'reselect';
import { ModelActions, selectSettings, selectIsPending } from './../../../../modules/model';
import { FederationDialog } from './federationDialog.component';

const mapStateToProps = createStructuredSelector({
	settings: selectSettings,
	isPending: selectIsPending
});

export const mapDispatchToProps = (dispatch) => bindActionCreators({
	fetchModelSettings: ModelActions.fetchSettings
}, dispatch);

export default addRouting(withRouter(connect(mapStateToProps, mapDispatchToProps)(FederationDialog)));
开发者ID:3drepo,项目名称:3drepo.io,代码行数:30,代码来源:federationDialog.container.ts



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


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
TypeScript react-router.hashHistory类代码示例发布时间:2022-05-25
下一篇:
TypeScript react-router-config.matchRoutes类代码示例发布时间: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