Компонент React не обновляет {CountdownCircleTimer) - PullRequest
Новая
       4

Компонент React не обновляет {CountdownCircleTimer)

0 голосов
/ 07 мая 2020

По сути, у меня есть две кнопки «ПУСК» и «ПАУЗА» , когда я нажимаю на начало, запускается 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>
)
}
...