Как изменить состояние при изменении времени при использовании часов Pomdoro в качестве компонента формы?

Question

Я делаю Pomodoro Clock в качестве компонента для poroje, я использую его для нескольких страниц, мне нужно какое-то действие в форме, когда secondde или minuter под некоторым номером, например, я использую его в форме, мне нужно, когда моя минута> 5, мойизменение состояния в форме или другой форме, когда секунда> 20 меняет состояние для этой формы, вы можете увидеть мою кодовую форму pomodoro clock в ручке кода: вы можете увидеть мою форму на странице, которая мне нужна, когда секунда> 10, в состоянии, отключить: false

https://codepen.io/soodeh/pen/qzNooP

class Test extends Component {
    constructor() {
        super()
        this.state = {
            sec: '30',
            disabled:true,
        }
    }
    render() {
        return (
                <div className="row justify-content-center mt-3 h3">
                        <PomodoroClock sec={this.state.sec} numberSecEx={'25'} />
 <button
     type={"confirm"}
     width={300}
     disabled={this.state.disabled}/>
                </div>
        );
    }
}

Answer 1

Я понял, что вы передаете секунды дочернему компоненту (PomodoroClock), который меняет свое значение.Теперь о некотором конкретном значении, вы хотите изменить состояние в родительском.Для этого вы должны определить функцию в parent (Test), которая обновит ваше состояние и передаст эту функцию дочернему компоненту и вызовет ее из child, когда секунды достигнут желаемого значения.