¿Cómo cambiar de estado continuamente después de una cierta cantidad de tiempo en React?

En algunos casos se requiere cambiar un estado continuamente después de una cierta cantidad de tiempo para alternar. Primero, cree una función que se encargue de cambiar el estado del componente. Luego llame a la función desde el método constructor por primera vez. Use el método de intervalo establecido dentro de la función para cambiar el estado después de una cantidad de tiempo fija. El método setInterval toma dos parámetros de devolución de llamada y tiempo. La función de devolución de llamada se llama una y otra vez después de esa cantidad de tiempo dada. Utilice el método setState para cambiar el estado del componente.

timing(){
  setInterval(() => {
    this.setState({
      stateName : new-state-value
    })
  }, time)
}

Ejemplo 1: Este ejemplo ilustra cómo cambiar el estado continuamente después de una cierta cantidad de tiempo.

índice.js: 

import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
  
ReactDOM.render(<App />, document.querySelector('#root'))

Aplicación.js:

import React, { Component } from 'react'
  
class App extends Component {
  constructor(props){
    super(props)
    this.state = {Number : 0}
    this.makeTimer()
  }
  
  makeTimer(){
    setInterval(() => {
      let rand = Math.floor(Math.random() * 10) + 1
        this.setState({number: rand})
    }, 1000)
  }
  render(){
    return (
      <div>
        <h1>
          Random Number : 
          {this.state.number}
        </h1>
      </div>
    )
  }
}
  
export default App

Producción: