我的页面增加底部tab优惠券路由跳转

src/components/my/index.js

-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
 import './index.scss';
 import Avatar from './image/avatar.png';
 import Vip from './image/vip.png';
+import { WithTab } from '@/HOCs'
+import { Link } from "react-router-dom";
+
 // import UnVip from './image/unVIP.png';
 
 const Item = List.Item;
 const Brief = Item.Brief;
 
-class My extends Component {
+class My extends PureComponent {
 
     render() {
         return (
@@ -37,8 +40,9 @@ class My extends Component {
                                 arrow="horizontal"
                                 multipleLine
                                 thumb={Avatar}
-                                onClick={() => { }}>
-                                <Brief style={{ fontSize: "18px" }}>
+                                onClick={() => {
+                                }}>
+                                <Brief style={{fontSize: "18px"}}>
                                     xuan先生
                                     <img src={Vip} alt=""/>
                                 </Brief>
@@ -48,41 +52,51 @@ class My extends Component {
                             {/* <div className="my-shadow"></div> */}
                         </List>
                         <List>
-                            <Item 
-                                arrow="horizontal" 
-                                onClick={() => { }}
-                                >
+                            <Item
+                                arrow="horizontal"
+                                onClick={() => {
+                                }}
+                            >
                                 <i className="iconfont iconiconfront-27"></i>
                                 已购课程
                             </Item>
-                            <Item 
-                                arrow="horizontal" 
-                                onClick={() => { }}
-                                >
+                            <Item
+                                arrow="horizontal"
+                                onClick={() => {
+                                }}
+                            >
                                 <i className="iconfont icongouwuche"></i>
                                 购物车
                             </Item>
-                            <Item 
-                                arrow="horizontal" 
-                                onClick={() => { }}
-                                >
+                            <Item
+                                arrow="horizontal"
+                                onClick={() => {
+                                }}
+                            >
                                 <i className="iconfont iconiconfront-24"></i>
                                 课程订单
                             </Item>
-                            <Item 
-                                arrow="horizontal" 
-                                onClick={() => { }}
-                                >
-                                <i className="iconfont iconiconfront-52"></i>
-                                优惠券
+                            <Item
+                                arrow="horizontal"
+                            >
+                                <Link to={{
+                                    pathname: '/use-coupons',
+                                    state: {
+                                        from: this.props.location.pathname
+                                    }
+                                }}>
+                                    <i className="iconfont iconiconfront-52"></i>
+                                    优惠券
+                                </Link>
                             </Item>
-                           
-                            
+
+
                         </List>
-                        <List renderHeader={() => ''} > 
+                        <List renderHeader={() => ''}>
                             <Item
                                 arrow="horizontal"
-                                onClick={() => { }}
+                                onClick={() => {
+                                }}
                             >
                                 <i className="iconfont iconiconfront-51"></i>
                                 赚奖学金
@@ -90,11 +104,11 @@ class My extends Component {
                         </List>
                     </Flex.Item>
                 </Flex>
-                <WhiteSpace size="lg" />
+                <WhiteSpace size="lg"/>
             </div>
         )
     }
 
 }
 
-export default My;
\ No newline at end of file
+export default WithTab(My);
\ No newline at end of file