react-hoc-timers

A higher-order component of React based on setInterval, clearInterval, setTimeout and clearTimeout that support multi-timers management.

Install

$3

bash
npm install react-hoc-timers --save-dev


Usage
$3

#### CommonJS


const Timer = require('react-hoc-timers')

#### ESM`import Timer from 'react-hoc-timers'`

`$3`


const EnhancedComponent = Timer(MyComponent)


You can use the Decorator feature of ECMAScript 6, like this


@Timer
class MyComponent extends React.component {}

$3


class MyComponent extends React.component {
    constructor(props) {
    	super(props)
    }
    componentDidMount() {
        const { setInterval, clearInterval, setTimeout } = this.props
        // call setInterval
        let id = setInterval(() => {
            console.log('interval')
            // call clearInterval
            clearInterval(id)
        }, 3000)
        // call setTimeout
        setTimeout(() => {
            console.log('timeout')
        }, 5000)
    }
}

$3

This higher-order component supports to remove all timers automatically when component uninstalled.

Method

setInterval(callback, delay)
- callback => {Function} The callback function for the interval response.(required)
- delay => {Number} Delay time.(required)
- return value => {Number} Interval ID

clearInterval(id)
- id => {Number} Interval ID.(required)

setTimeout(callback, delay)
- callback => {Function} The callback function for the timeout response.(required)
- delay => {Number} Delay time.(required)
- return value => {Number} Timeout ID

clearTimeout(id)
- id => {Number} Timeout ID.(required)

License

react-hoc-timers is MIT licensed.