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,
  };
}