在 React 中加载百分比

Question

我需要组合一个加载屏幕，在页面加载时循环播放动画没问题，但我想添加页面加载百分比的视觉效果，并将百分比作为道具传递来控制svg 动画。

我发现的大多数插件/模块都不够用。

Answer 1

您可以尝试react-loadable 。

这是一个文档： https : //github.com/jamiebuilds/react-loadable 。

好吧，我使用react-spinners插件来加载动画： https : //www.davidhu.io/react-spinners/

import Loadable from 'react-loadable'
import ClipLoader from "react-spinners/ClipLoader"

const HotelDetail = Loadable({ 
  loader: () => import('path/to/ComponentPage'),
  loading: ClipLoader 
})