2018-08-03

dva里面如何需要添加url的search,比如dashboard里面的活动中心页面要加tab=x(x, number,代表要跳转的tab),该如何操作呢?

很简单,antd里面的tabs组件提供了一个onChange方法,接收一个tab参数,show code:

import { routerRedux } from 'dva/router';
@autobind
  handleChangeTab(tab) {
    this.props.dispatch(routerRedux.push(`/events?tab=${tab}`));
  }

这是切换的方法
现在切换了tab之后不会去重新加载页面,而是直接在url中加入tab的参数
那么如何根据tab的数值来判断加载哪个tab呢,show code

render() {
  const defaultActiveKey = currentSearch.tab || '0';
  return <Tabs defaultActiveKey={defaultActiveKey}></Tabs>
}

function mapStateToProps({ routing }) {
  const { location } = routing;
  const currentSearch = qs.parse(location.search && location.search.split('?')[1]);
  return {
    currentSearch,
  };
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端中高级工程师必备技能 本文旨在加深对前端知识点的理解,资料来源于网络。 一些开放性题目 position的值,...
    lwz4070阅读 184评论 0 1
  • 对于 D 题的原题意,出题人和验题人赛前都没有发现标算存在的问题,导致了许多选手的疑惑和时间的浪费,在此表示真诚的...
    _Carryon阅读 275评论 0 0
  • 说一句笔直往前的再见, 我困在 你困意与梦境之间, 最飘渺、 柔软与不可预期的会面。 一杯酒, 豪饮也无法满足我余...
    爱伦同学阅读 267评论 0 2
  • 找到的时候相册的上已经附着了一层灰尘,和抚摸恋人的脸一样的翻开相册,照片已经已退去了色彩。 相册中的我们躺在碧...
    名字难取orz阅读 45评论 0 0