使用react-content-loader生成列表加载占位组件

首先安装react-content-loader包

yarn add react-content-loader

使用加载占位组件

import ContentLoader, { Facebook } from 'react-content-loader'
 
const MyLoader = () => 
const MyFacebookLoader = () => 

react-content-loader提供了5中风格组件

• Facebook
• Instagram
• Code
• List
• Bullet
  另外还可以自定义

import React, { Component } from 'react';
import ContentLoader, {Facebook, Code} from 'react-content-loader';

const MyLoader = () => (
  
        
        
        
        
    
)
const MyFacebookLoader = () => 
const MyCodeLoader = () => 

自定义loader占位效果

Github上react-content-loader地址