antdesign中進入頁面跳轉指定的tabPane

 <Tabs onChange={onBaseClick} defaultActiveKey={activeKey}>
          <TabPane tab={<span>配置地址對象<br></br><span className={styles.logTabsTitle}>配置</span> </span>} key="1">
            <Row>
              <Button style={{ backgroundColor: '#68B6FF', border: 0, paddingLeft: 5 }} type="primary"> <Icon
                type="arrow-up"/><Link to={'/customer/protection/address/create'}>新增</Link></Button>
            </Row>
            <Row>
              <List {...listProps}/>
            </Row>
          </TabPane>
          <TabPane tab={<span>應用過濾<br></br><span className={styles.logTabsTitle}>禁止</span> </span>} key="2">
            <Row>
              <Button style={{ backgroundColor: '#68B6FF', border: 0, paddingLeft: 5 }} type="primary"> <Icon
                type="arrow-up"/><Link to={'/customer/protection/flow/create/rules'}>新增</Link></Button>
              <Button style={{ backgroundColor: '#68B6FF', border: 0, paddingLeft: 5 }} type="primary"
                      onClick={deleteData}> <Icon type="arrow-up"/>刪除</Button>
            </Row>
            <Row>
              <List {...listProps}/>
            </Row>
          </TabPane>
        </Tabs>

這里是根據activeKey設置的，所以我們通過更改activeKey的值，來跳轉不同的頁面；

還有一點需要注意的是：activeKey和defaultActiveKey是有區別的，defaultActiveKey是初始化中面板選中的key,如果沒有設置，則是第一個tabPane，activekey是當前激活tab面板的key,默認值為無；

 

 

還有件一個，就是在model.js中effects想要取state中的值，可以通過這樣：

const stateArr = yield  select(state=>state)