react实现滚动计数组件

效果就是设置初始值,滚动计数加到结束值,首先安装

npm install react-countup

安装完毕后引入

/* 滚动计数 */

import CountUp from 'react-countup';

其实就是一个react标准展示组件,用的时候在render里当成正常组件用即可,需要修改样式的话,组件本身是一个span标签,直接修改span样式即可。

 

start 初始值

end 结束值

某些时候可能需要展示的是后台传递给我们的数值,直接写在{}中即可,react基本写法,就不展示了。

你可能感兴趣的:(技术)