1. 自定义居中的Spin

import React from 'react';
import PropTypes from 'prop-types';
import {Spin} from 'antd';
import styles from './style.module.less';
const SpinSymbol = (props) => {
  const {spinning} = props;
  return (
    <div className={styles.spinWrapper}>
      <Spin spinning={spinning} />
    </div>
  );
};
SpinSymbol.propTypes = {
  spinning: PropTypes.bool,
};
SpinSymbol.defaultProps = {
  spinning:true;
};
export default SpinSymbol;
// css样式
.spinWrapper {
  display:flex;
  justify-content: center;
  align-items:center;
  height: 100%;
  width: 100%;
}
// 用法 -- react写法
loading ? (<div style={{ width: 200, height:200 }}>
  <Spin spinning={loading} />
</div>) : null