Изменить с «Расширяет компоненты» на «CreateReactClass» - PullRequest
Новая
       16

Изменить с «Расширяет компоненты» на «CreateReactClass»

0 голосов
/ 15 октября 2019

Я реализовал следующий таймер в реакции, который использует старый способ реализации «extends Component». Я все еще борюсь с тем, как реализовать это с помощью 'createReactClass'. Как это должно быть адаптировано? 

import React, { Component } from 'react'

class Timer extends Component {
  constructor (props) {
    super(props)
    this.state = {
      count: 1
    }
  }

  render () {
    const {count} = this.state
    return (
      <div>
        <h1>Current Count: {count}</h1>
      </div>
    )
  }
  // setInterval
  // clearInterval
  componentDidMount () {
    const {startCount} = this.props
    this.setState({
      count: startCount
    })
    this.doIntervalChange()
  }

  doIntervalChange = () => {
      this.myInterval = setInterval(() => {
      this.setState(prevState => ({
        count: prevState.count - 1
      }))
    }, 1000)
  }

  componentWillUnmount () {
    clearInterval(this.myInterval)
  }
}

export default Timer

Заранее спасибо!

...