CountUp组件是一个在指定时间内,从一个数字动态变化到另一个数字,让数字实现滚动效果。
1、安装插件
npm install react-countup
2、安装成功之后在页面引入
import CountUp from 'react-countup';
3、使用时直接当成普通的组件来使用
<CountUp />
4、常见的属性
1)decimals:number 显示的小数位数
2)delay:number 显示的小数位数(delay={0}自动启动计数)
3)duration:number 持续时间(以秒为单位)
4)end:number 结束值
5)start:number 初始值