click vip to course detail modify in my page

src/components/my/index.js

@@ -7,10 +7,14 @@ import {WithTab} from '@/HOCs'
 import {Link} from "react-router-dom"
 import {connect} from "react-redux"
 import {HeaderBar} from "@/common"
+import {getCourses} from './../detail/actions';
 
 const Item = List.Item;
 const Brief = Item.Brief;
 
+@connect(state => ({
+    user: state.user
+}))
 class My extends PureComponent {
     constructor(props) {
         super(props)
@@ -24,6 +28,14 @@ class My extends PureComponent {
         this.props.history.push('/passport')
     }
 
+    toCourseDetail = (id) => {
+        const { dispatch, history } = this.props;
+        dispatch(getCourses(id, () => {
+            history.push(`/detail?id=${id}`);
+            return false;
+        }));
+    }
+
     render() {
         const {user} = this.props
         const uid = user && user.data && user.data.uid
@@ -64,7 +76,8 @@ class My extends PureComponent {
                 </Link>
                 {
                     (isVIP === 0 || !isVIP) &&
-                    <Link className="my-isvip" to={`/detail?id=139`}></Link>
+                    <a href="javascript:;" className="my-isvip" onClick={() => this.toCourseDetail(139)}></a>
+                    // <Link className="my-isvip" to={`/detail?id=139`}></Link>
                 }
             </List>
         }
@@ -127,7 +140,4 @@ class My extends PureComponent {
 
 }
 
-export default connect(
-    state => ({user: state.user}),
-    null
-)(WithTab(My))
+export default WithTab(My);