react实现动画电子倒计时组件

1. 这些天也都在面试，面试的内容呢，也大多千篇一律，无外乎vue、react这些框架的一些原理，和使用方法。但是呢，有一家公司的CTO在国外，没办法对我的技术进行审核，所以他给我发了两套题，第一套题呢，是要使用react实现动画倒计时小时钟组件，父级组件通过传递秒、结束回调方法控制时钟组件。

 

2. 要求：

（1）倒计时组件调用 ：

 

（2）倒计时组件内部简单结构 ：

 

3. 思考实现过程：

 

（1）首先实现简单的数字倒计时更改

（2）最后实现数值更改结合transition运动

 

4. 具体核心代码实现：

 

（1）模板结构：

<div>

<section className="timeBox">

<div className="timeBoxLineWrap">

<div className="timeBox