如何在 React 中经过一定时间后连续更改状态？

在某些情况下，切换需要在一定时间后连续更改状态。首先，制作一个负责改变组件状态的函数。然后第一次从构造方法调用该函数。使用函数内部的 set interval 方法在固定时间后更改状态。 setInterval方法有两个参数回调和时间。在给定的时间之后，回调函数被一次又一次地调用。使用setState方法更改组件的状态。

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

示例 1：此示例说明如何在一定时间后连续更改状态。

index.js：

Javascript

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

应用程序.js：

Javascript

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 (
      

        

          Random Number : 
          {this.state.number}
        
      
    )
  }
}
  
export default App

输出：