React 获取节点css属性求助

Question

准备写个简单的React Carousel组件。遇到个难点：计算节点的css属性。

  changeVisiableContent(index) {
    let distance = (index - this.state.index) * 270;
    let node = ReactDOM.findDOMNode(this);
    let marginTop = getComputedStyle(ReactDOM.findDOMNode(this)).marginTop;
    node.style.marginTop = (Number.parseInt(marginTop) - distance) + 'px';    this.setState({index: index});    
    // this.props.clickIndex(index);
  }

基本逻辑：点击一下页面上的标签，通过设置marginTop实现轮播。设置marginTop带有动画效果。发现一个bug:
在上一次动画没有完成时，点击标签，getComputedStyle获取的是这个时间点marginTop，导致内容错乱了。

Q1：有没有方法获取动正确的css属性值？
@2：上面的方法是直接操作DOM节点，不符合React的思想，老司机们能分享个更好的实现思路吗？