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

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

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

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



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

示例1: import

 import('./components/ProfileContainer').then(i => callback(null, withRouter(i.default)));
开发者ID:christophelevis,项目名称:sonarqube,代码行数:1,代码来源:routes.ts


示例2: 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 { bindActionCreators } from 'redux';
import { createStructuredSelector } from 'reselect';
import { withRouter } from 'react-router';
import { connect, addRouting } from '../../helpers/migration';

import { App } from './app.component';
import { AuthActions, selectIsAuthenticated, selectActiveSession } from '../../modules/auth';
import { selectCurrentUser } from '../../modules/currentUser';

const mapStateToProps = createStructuredSelector({
	isAuthenticated: selectIsAuthenticated,
	hasActiveSession: selectActiveSession,
	currentUser: selectCurrentUser
});

export const mapDispatchToProps = (dispatch) => bindActionCreators({
	authenticate: AuthActions.authenticate,
	logout: AuthActions.logout
}, dispatch);

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


示例3: createStructuredSelector

 */

import { connect } from '../../../helpers/migration';
import { bindActionCreators } from 'redux';
import { createStructuredSelector } from 'reselect';

import { Notifications } from './notifications.component';
import { NotificationsActions, selectNotifications, selectDrawerOpenState  } from '../../../modules/notifications';
import { selectCurrentUser } from '../../../modules/currentUser';
import { withRouter } from 'react-router';

const mapStateToProps = createStructuredSelector({
	notifications: selectNotifications,
	currentUser: selectCurrentUser,
	drawerOpened: selectDrawerOpenState
});

export const mapDispatchToProps = (dispatch) => bindActionCreators({
	sendGetNotifications: NotificationsActions.sendGetNotifications,
	sendUpdateNotificationRead: NotificationsActions.sendUpdateNotificationRead,
	sendUpdateAllNotificationsRead: NotificationsActions.sendUpdateAllNotificationsRead,
	sendDeleteNotification: NotificationsActions.sendDeleteNotification,
	confirmSendDeleteAllNotifications: NotificationsActions.confirmSendDeleteAllNotifications,
	upsertNotification: NotificationsActions.upsertNotification,
	deleteNotification: NotificationsActions.deleteNotification,
	showUpdatedFailedError: NotificationsActions.showUpdatedFailedError,
	setDrawerPanelState: NotificationsActions.setDrawerPanelState
}, dispatch);

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


示例4: createStructuredSelector

	selectUsers,
	selectCollaboratorLimit
} from '../../modules/userManagement';

import { selectJobs } from '../../modules/jobs';
import { TeamspacesActions } from '../../modules/teamspaces';

const mapStateToProps = createStructuredSelector({
	usersSuggestions: selectUsersSuggestions,
	users: selectUsers,
	jobs: selectJobs,
	limit: selectCollaboratorLimit
});

export const mapDispatchToProps = (dispatch) => bindActionCreators({
	addUser: UserManagementActions.addUser,
	removeUser: UserManagementActions.removeUser,
	updateJob: UserManagementActions.updateJob,
	updatePermissions: UserManagementActions.updatePermissions,
	onUsersSearch: UserManagementActions.getUsersSuggestions,
	clearUsersSuggestions: UserManagementActions.clearUsersSuggestions,
	fetchQuotaInfo: TeamspacesActions.fetchQuotaInfo
}, dispatch);

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


示例5: getPolls

  return {
    type: ownProps.type || queryParams.type || 'all',
    status: ownProps.status || queryParams.status || 'all',
    page: +queryParams.page || 1,
    polls: getPolls(state),
    totalRows: getTotal(state)
  }
}

const mapDispatch = (dispatch: any, ownProps: any): MapDispatchProps => {
  const queryParams: QueryParams = queryString.parse(ownProps.location.search)
  const type = ownProps.type || queryParams.type || 'all'
  const status = ownProps.status || queryParams.status || 'all'
  return {
    onPageChange: (page: number) =>
      dispatch(navigateTo(locations.pollsTable(page, type, status))),
    onStatusChange: (status: FilterStatus) =>
      dispatch(navigateTo(locations.pollsTable(1, type, status))),
    onFetchPolls: (pagination: PollsRequestFilters) =>
      dispatch(fetchPollsRequest(pagination)),
    onNavigate: (location: string) => dispatch(navigateTo(location))
  }
}

export default withRouter(
  connect(
    mapState,
    mapDispatch
  )(PollsTable)
)
开发者ID:decentraland,项目名称:agora,代码行数:30,代码来源:PollsTable.container.ts



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


鲜花

握手

雷人

路过

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

请发表评论

全部评论

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