Возьми componentDidMount() - это метод жизненного цикла компонента заведи там setInterval

Question

Возьми componentDidMount() - это метод жизненного цикла компонента заведи там setInterval

на свойстве класса this.countdownInterval, внутри которого будет функция отсчета, декрементирующая свойство countdown на this.state посредством this.setState(prevState => ({countdown: prevState.countdown -1})

поставь интервал в секунду

сними интервал в componentWillUnmount() { clearInterval(this.countdownInterval) }, чтобы не было утечек памяти

дернуть перерисовку в реакте внутри компонента можно только через this.setState или this.forceUpdate

на свойствах класса ты можешь хранить любую информацию (в т.ч. разного рода объекты, функции), изменение которой не будет влечь за собой перерисовку твоего компонента

все, что должно динамически меняться и отражаться в UI - должно сидеть на this.state и меняться через this.setState

в this.props у тебя все то, что было передано в компонент "извне", например <SomeComponent thisWillGoToProps={true} thisWillGoToPropsToo={'ok'} />

просто я увидел там про "это ли React Way?", поэтому посчитал, что тебе просто нужен был краткий ликбез

#frontend #javascript #programming #react.js #russian

0

07.12.2018

1 ответов

2 просмотра

Макс · Accepted Answer

Макс

По поводу this.countdowninterval обязательно прочитаю. Спасибо большое

0

07.12.2018

169 похожих чатов

Возьми componentDidMount() - это метод жизненного цикла компонента заведи там setInterval

1 ответов

Похожие вопросы