index.js

import React, { useEffect, useState } from 'react';
import { Modal, Card, Empty } from 'antd';
import { useHistory } from 'react-router-dom';
import classnames from 'classnames';
import styles from './index.less';
import weixiu from '@/assets/images/logo/weixiu.svg';
import jumpImg from '@/assets/images/logo/jumpImg.png';
const JumpContainer = props => {
  const [url, setUrl] = useState('');
  const jumpTo = useHistory();
  useEffect(() => {
    const jumpUrl = window.location.origin;
    const address = `${jumpUrl}/cityoms3/4.0.html`;
    setUrl(address);
    // openInNewTab(address);
  }, []);

  const openInNewTab = address => {
    jumpTo.goBack();
    window.open(address, '_blank');
    console.table(jumpTo);
  };
  return (
    <>
      <div className={classnames(`${styles.box}`)}>
        <img
          src={jumpImg}
          alt=""
          className={classnames({
            [styles.imgs]: true,
          })}
        />
        <p className={styles.desc}>
          业务平台建设中，点击链接跳转
          {url && (
            <a
              target="_blank"
              href={url}
              rel="noopener noreferer"
              className={classnames({
                [styles.link]: true,
              })}
            >
              运维平台4.0
            </a>
          )}
        </p>
      </div>
    </>
  );
};

export default JumpContainer;