react+ant 实现版本号对比+弹框提醒更新

首先引入相关组件

import { message,notification } from 'antd';

版本号对比+提醒

//版本对比，更新提醒
  getLocalVersion=()=>{
    const localVersion=infoLocal.version;
    const latestVersion=sysVersion;
    console.log(localVersion,latestVersion)
    if (localVersion && latestVersion) {
      let arr1=localVersion.split('.').map(function(item){
        return parseInt(item)
      });
      let arr2=latestVersion.split('.').map(function(item){
        return parseInt(item)
      });
      console.log(arr1,arr2);
      let min=Math.min(arr1.length,arr2.length)
      let pos=0,diff=0
      while(pos<min){
        diff=arr1[pos]-arr2[pos]
        if(diff!=0){
          console.log(diff)
          break;
        }
        pos++
      }
      console.log(diff)
      if(diff<0){
        console.log('系统版本：'+latestVersion+'有更新,高于本地版本：'+localVersion);
        // message.warning('系统版本：'+sysVersion+' 有更新 , 高于本地版本：'+localVersion+' , 将于6秒后自动刷新更新系统',+6,onclose=function() {
          //   location.reload;
        // });
        const key = `open${Date.now()}`;
        const btn = (
          <Button type="primary" size="small" onClick={() => location.reload()}>
            现在更新
          </Button>
        );
        notification.open({
          message: '版本更新提醒',
          description:
            '当前系统版本：'+latestVersion+' 有更新 ！ 关闭弹框稍后再次提醒！',
          btn,
          key,
          onClose: function() {
            notification.close(key)
          },
        });
      }else{
        console.log('服务器版本：'+latestVersion+'等于本地版本：'+localVersion)
      }
    } else{
      return false;
    }
  }