React实现时钟效果

本文原创地址链接：http://blog.csdn.net/zhou_xiao_cheng/article/details/52425606，未经博主允许不得转载。

嗯，我又来了，这次的Demo是一个魔力小时钟，永不停歇的小时钟（此处省略N声嘀嗒嘀嗒），用来实时显示当前的时间，哇哈哈~~~

思考

日常生活中看到的时钟通常都是由时针、分针、秒针组成，这三根针不停地转动，用以显示当前的时间，那么站在一只程序猿的角度，每根针究竟是如何转动起来的？又是以什么角度在转动？
我一直认为，学习的过程中，思考是很重要的，它能够让你更好、更快地去理解，以及实现一个功能，这也正是为什么我的文章里几乎都会出现类似：实现思路、思考等这一类词语的原因。
好了，废话少说。首先，我们可以先做出一根针：

class ClockDemo extends React.Component {
   
 render(){
    return(
      <div className="style">
        <div className="clockHourLine"></div>
      </div>
    )
  }
}
ReactDOM.render(<ClockDemo />, document.getElementById('app'))

.style {
  display: flex;
  width: 100vw</