Добрый день, буду рад, если вы мне поможете.
При нажатии на кнопку 'Start' секундомер начинает идти, однако при нажатии на 'STOP', он не останавливается.
Каждому ответившему плюс в карму ;)
import React, { Component } from 'react'
class Timer extends Component {
constructor(props) {
super(props)
this.state = {
stop: false,
numb: 0
}
this.startTimer = this.startTimer.bind(this)
this.stopTimer = this.stopTimer.bind(this)
}
startTimer() {
let timer = setInterval(() => {
this.setState({numb: this.state.numb + 1})
}, 1000)
// this.stopTimer(timer)
this.state.stop ? this.stopTimer(timer) : null
}
stopTimer (timer) {
this.setState({stop: !this.state.stop})
clearInterval(timer)
}
render() {
return (
<div className='timer'>
<div className="timerNumber">{this.state.numb}</div>
<div className="flex">
<input onClick={this.startTimer} value='GO' type="button"/>
<input onClick={this.stopTimer} value='STOP' type="button"/></div>
</div>
);
}
}
export default Timer;
При вызове stopTimer , не передаешь timer
Советую хранить в его в this и при вызове stopTimer делать clearInterval(this.timer)
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Возник вопрос: Есть панель, которая меняет свой цвет в зависимости от действий пользователя, а на ней должен отображаться текстИз-за того...
Нужно редактировать сжатый js-кодНикогда раньше с этим не сталкивался
Возможно ли создать своё событие на jquery? Допустим нужно выполнять какое то действие, если у определенного контейнера сменился классПроблема...