React引入ant-design实现正在加载效果

React引入ant-design实现正在加载效果

1.安装

npm install antd --save

2.导入ant-design

// 导入ant design
import { Spin, Icon } from 'antd';
import 'antd/dist/antd.css';
const antIcon = ;

3. react项目中使用(结合React的条件渲染,不懂条件渲染的可以看官网)

render(){
        var detail = this.state.detail;
        if(this.state.isLoading){   // 
            return (
                

                     //在这里使用 正在加载效果
                
            )
        }else{
	        return(
		         
 // 其他内容
		         
	        )
        }
   }

4.最后的效果