FetchInterval

[danilowoz]

import { Component } from "react"
import PropTypes from "prop-types"

class FetchInterval extends Component {
  state = {
    intervalId: null
  }

  componentDidMount() {
    const { fetch, options } = this.props

    fetch(options)
    this.setTimer()
  }

  componentWillUnmount() {
    clearInterval(this.state.intervalId)
  }

  setTimer = () => {
    const intervalId = setInterval(this.timer, this.props.interval)
    this.setState({ intervalId })
  }

  timer = () => {
    const { fetch, options } = this.props

    fetch(options)
  }

  render() {
    return this.props.children
  }
}

FetchInterval.propTypes = {
  options: PropTypes.shape({}),
  children: PropTypes.node.isRequired,
  fetch: PropTypes.func.isRequired,
  interval: PropTypes.number
}

FetchInterval.defaultProps = {
  options: {},
  interval: 10000
}

export default FetchInterval