领取大礼包

src/components/activity/index.js

 import React, { Component } from 'react'
 import {connect} from "react-redux";
 import { http, getParam } from '@/utils';
+import cookie from 'js-cookie'
 import './index.scss';
 import {Toast} from "antd-mobile";
 import jsCookie from 'js-cookie';
@@ -8,11 +9,19 @@ import jsCookie from 'js-cookie';
 class Activity extends Component {
   constructor(props) {
     super(props);
+    this.state = {
+      'butText': '立即领取'
+    }
   }
 
   componentWillMount() {
     jsCookie.set('blessing_invite_uid', getParam('shareuid'), {domain: '.julyedu.com', expires: 30});
     jsCookie.set('blessing_invite_code', getParam('inviteCode'), {domain: '.julyedu.com', expires: 30});
+    if(cookie.get('uid')) {
+      this.setState(()=>({
+        butText: '已领取'
+      }));
+    }
   }
 
   getGift = () => {
@@ -20,15 +29,17 @@ class Activity extends Component {
       this.props.history.push('/passport');
     } else {
       Toast.info('领取成功，你可前往七月在线官网/APP进行查看', 2);
+      localStorage.setItem('lingqu', 1);
     }
   }
 
   render() {
+    const {butText} = this.state;
     return (
       <div className="activity__con">
         <div className='banner__con'></div>
         <div className='content__con'>
-          <div className="button__get" onClick={this.getGift}>立即领取</div>
+          <div className="button__get" onClick={this.getGift}>{butText}</div>
         </div>
       </div>
     )