使用更新自我和自定义视图在ReactJS中倒计时

我在一个项目中使用ReactJS，希望创建一个带有自我更新和自定义视图的倒计时

我用。这是非常好的，但我不知道如何自定义视图和它的不显示分钟时，分钟是0。然后我使用css定制的，但在onEnd（）事件中，用这个更新日期道具。state Countdown not restart

import React，{Component}来自'React'；
导入“/App.css”；
从“反应倒计时时钟”导入反应倒计时时钟；
从“反应简单倒计时”导入倒计时；
类应用程序扩展组件{
构造函数（）{
超级（）；
var t=新日期（）；
t、 设置秒（t.getSeconds（）+15）；
此.state={
时间:10,，
日期：t，
}
}
更改时间（）{
这是我的国家({
时间:10,，
})
}
更改日期（）{
var t=新日期（）；
t、 设置秒（t.getSeconds（）+15）；
这是我的国家({
日期：t，
})
}
render（）{
常量消息={
天数：{
复数：“天”，
单数：'天'，
},
小时数：'小时'，
分钟：“分钟”，
赛格：“赛格”，
};
返回(
);
}
}
导出默认应用程序真的很有趣。它是React与canvas交互的最佳示例（很可能是一个糟糕的示例）。很难让它以适合每个人的要求的方式工作

但是没有什么能阻止你创造一个分叉。您可以轻松地修改它以永久显示分钟（和小时）

diff--git a/coffee/react-countdown-clock.coffee b/coffee/react-countdown-clock.coffee
索引f41de4d..0c98d5f 100644
---a/咖啡/react-countdown-clock.咖啡
+++咖啡
@@-158,8+158,8@@module.exports=React.createClass
如果秒<10&&minutes>=1，则seconds=“0#{seconds}”
时间部分=[]
-timeParts.push小时数（如果小时数>0）
-timeParts.push分钟数，如果分钟数>0
+时间。推送时间
+时间部分。推送分钟
时间部分。推秒
timeParts.join'：'
@@-168,11+168,7@@module.exports=React.createClass
_fontSize：（时间字符串）->
如果@props.fontSize==“自动”
-比例=开关时间串长度
-当8时，然后4#hh:mm:ss
-当5时，则3#mm:ss
-其他2#ss或ss.s
-尺寸=@_半径/比例
+尺寸=@_半径/4
“#{size}px”
其他的
@道具尺寸

玩得开心
 真的很有趣。它是React与canvas交互的最佳示例（很可能是一个糟糕的示例）。很难让它以适合每个人的要求的方式工作

但是没有什么能阻止你创造一个分叉。您可以轻松地修改它以永久显示分钟（和小时）

diff--git a/coffee/react-countdown-clock.coffee b/coffee/react-countdown-clock.coffee
索引f41de4d..0c98d5f 100644
---a/咖啡/react-countdown-clock.咖啡
+++咖啡
@@-158,8+158,8@@module.exports=React.createClass
如果秒<10&&minutes>=1，则seconds=“0#{seconds}”
时间部分=[]
-timeParts.push小时数（如果小时数>0）
-timeParts.push分钟数，如果分钟数>0
+时间。推送时间
+时间部分。推送分钟
时间部分。推秒
timeParts.join'：'
@@-168,11+168,7@@module.exports=React.createClass
_fontSize：（时间字符串）->
如果@props.fontSize==“自动”
-比例=开关时间串长度
-当8时，然后4#hh:mm:ss
-当5时，则3#mm:ss
-其他2#ss或ss.s
-尺寸=@_半径/比例
+尺寸=@_半径/4
“#{size}px”
其他的
@道具尺寸

玩得开心
 忽略那些npm包，它们还不成熟。没有覆盖，没有单元测试……忽略那些npm包，它们还不成熟。没有覆盖，没有单元测试。。。。