react 定时刷新时数据逐步增加

刷新页面 或者定时刷新数据的时候 比如我想显示的数字是100000, 正常刷新的时候 , 数据会直接从0到1000000 , 我想从0 渐变递增到1000000, 该如何实现呢, 其实使用js也可以实现的, 在此项目中 我使用了d3

import React from 'react';
import PropTypes from 'prop-types';
import injectSheet from 'react-jss';
import { inject } from 'mobx-react';
import Counter from '../../../../../commonComps/counter/index.js';
import './index.styl';
import { get } from 'client/util/http'; // eslint-disable-line
import { fail } from 'client/util/utils'; // eslint-disable-line

const styles = () => ({
  publishRoot: {
    width: '100%',
    height: '100%',
    '& .iconfont': {
      color: '#00b4ed',
    },
  },
});

@injectSheet(styles)
@inject('CatalogManageStore')

class AllTimes extends React.Component {
  static propTypes = {
    classes: PropTypes.object,
  }

  constructor() {
    super();
    this.state = {
      publishValue: 0,
    };