count-up-es-react
yarn add count-up-es-react
// or
npm i count-up-es-react
该组件是一个在指定时间内，从一个数字动态变化到另一个数字，动画类型丰富，涵盖了非常多的easing动画算法，值得推荐使用，特别适合开发大屏使用。
demo图片示例：
C.gif
搭配自定义字体使用：
A.gif
*** 动图掉帧情况看着效果不好，实际动画很平滑
简单例子
import { CountUp } from 'count-up-es-react';
const MyComponent = () => (
<div>
<CountUp start={0} end={200} duration={3000} />
</div>
);
自定义渲染（搭配antd组件使用）
<CountUp
start={0}
end={617}
duration={2000}
easing={'easeOutExpo'}
autoResetKey={[refresh]}
render={({ value }) => {
return (
<>
<Statistic
precision={0}
title="新能源车辆销量"
value={value as any}
valueStyle={{ color: 'red' }}
suffix="辆"
prefix={<ArrowUpOutlined />}
/>
</>
);
}}
/>
