javascript - 反应组件不更新 {CountdownCircleTimer)
问题描述
基本上,我有两个按钮“开始”和“暂停”,当我点击开始时,CountDownCircleTimer启动,但是当我点击“暂停”时它并没有停止!
谁能帮我解决这个问题?我是新来的反应。提前致谢!
checkDisplay() {
let display = this.state.display
let displayMode;
let playing;
if (!display) {
displayMode =
<div align='center'>
<input name='duration' size='10' value={this.state.duration} onChange={this.checkInt}></input>
</div>
}
else {
//const time=this.state.duration*60
displayMode = <div align='center'>
<CountdownCircleTimer
//This 'ISPLAYING' is not working as expected!
isPlaying={this.state.isPaused ? false : true}
duration={this.state.duration * 60}
colors={[['#004777', 0.33], ['#F7B801', 0.33], ['#A30000']]}
>
{({ elapsedTime }) => this.renderTime(this.state.Min, this.state.Sec)}
</CountdownCircleTimer>
</div>
}
return displayMode;
}
render() {
return (
<div className="App">
<div>
<p>{this.state.text}</p>
<div>
{this.checkDisplay()}
</div>
)
}
解决方案
推荐阅读
- clang - 使用 emscripten 构建最新的 freetype
- python - 使用 python 请求登录任何网站?
- c# - winform 标签在文本上具有光晕或发光效果
- python - 我的 hitbox 没有得到真实的位置。我该如何解决这个问题?
- c# - 使用 NSubstitute 断言收到的 ILogger 调用不匹配
- firebase - 为什么 Google Ads 未链接到 Google Analytics?
- java - 如何序列化字符串gson的字符串和子数组(对象?)
- c# - 如何将大双精度值的点拟合到绘制的坐标系中?
- docker - GNU make 创建 Docker 容器并使用 Image id
- java - Scala jar:错误:无法找到或加载主类