React网页数据自动递增CountUp中基本使用

react中如何让页面数据自动递增，在此本人使用的是CountUp.js，让数字递增，主要使用方法，如下面程序端：

import React, { Component } from 'react'
import CountUp, { useCountUp } from 'react-countup'

export default function CompleteHook(v) {
  console.log(v)
  const { countUp, start, pauseResume, reset, update } = useCountUp({
    start: v.init ? v.init : 0,
    end: v.init ? v.init : 0,
    decimals: v.decimals ? v.decimals : 0,
    separator: v.separator ? v.separator : '',
    suffix: v.suffix ? v.suffix : '',
    prefix: v.prefix ? v.prefix : '',
    onReset: () => console.log('Resetted!'),
    onUpdate: () => console.log('Updated!'),
    onPauseResume: () => console.log('Paused or resumed!'),
    onStart: ({ pauseResume }) => console.log(pauseResume),
    onEnd: ({ pauseResume }) => console.log(pauseResume),
  })
  update(v.update ? v.update : v.init ? v.init : 0)
  return (
    <div>
      <div>{countUp}</div>
    </div>
  )
}

npm install -d react-countup

1. init: 参数为初始化数据为了能够进行自动更新数据，在此我对数据初始化，设置更新数据String；

2. update：页面显示数据，主要是完成页面更新，防止初始化数据为0，Number；

3. decimals： 小数位设置，如果传入参数为小数例如：0.01， 那么需要显示0.01就需要设置该参数为2，此时页面显示为0.01，否则页面显示为0，小数点后自动忽略，Number；

4. separator：设置千分符可以为默认为’ ‘，如果需要可进行设置为’，‘， String；

5. suffix: 左边字符拼接， 可以设置前置字符, String;

6. prefix: 右边字符拼接， 默认可用来设置单位等， String;