React.js scrollTop动画

Question

当react属性更改值时，我基本上想要在React中为scrollTop设置动画。 A＆＃34;减少＆＃34;我使用的组件看起来像这样：

import React, { Component } from 'react';

class ScrollComponent extends Component {

    constructor(props) {
        super(props);
        this.scrollTo = this.props.scrollTo;
    }

    componentDidUpdate() {
        //Animate "container" to scroll to this.props.scrollTo in 1000ms
    }

    render() {
        return (
            <div ref="container" style={{height:'300px', width:'100%', overflowY:'scroll',position:'relative'}}>
                <div style={{height:'1000px'}}>
                </div>
            </div>
        )
    }
}

我猜这可以使用jQuery轻松完成，对于原生JavaScript来说有点棘手。使用React执行此操作的正确方法是什么？

我知道ReactCSSTransitionGroup和ReactTransitionGroup，如果有一个简单的方法我可以用这些插件来做，如果有另一种方式，那就太好了。

感谢。