Javascript 如何在reactjs中设置setInterval

我尝试使用

setInterval

调用reactjs中的函数，如下所示：

import React,{Component} from 'react';

class Timer extends Component {

trigger(){
   this.clock = this.setState({clock:Date.now()-this.props.date});
}
setInterval(this.trigger,1000);
constructor(props){
    super(props);

    this.state = {
    clock:0
    };
    this.trigger = this.trigger.bind(this);
}

render(){
    this.state.clock=Math.round(this.state.clock/1000);
    return(
        <div>
            <p>You are here since</p>
            <span>{this.state.clock}</span>
            <p>Seconds.</p>
            <button onClick={this.trigger}>Click me</button>
       </div>
   );
}
}

export default Timer;

试试这个：

trigger() {
    let newTime = Date.now() - this.props.date;
    setInterval(() => { 
        this.setState({
            clock: newTime;
        })
    }, 1000);
}

---

您可以通过多种方式执行此函数，最好的选项可能是在组件或容器的componentDidMount（）中。然后，它将每秒运行一次，每次更新This.clock的值。

try

setInterval（This.trigger，1000）并放入componentDidMount生命周期。现在显示的是相同的错误，请发布整个组件的代码
trigger() {
    let newTime = Date.now() - this.props.date;
    setInterval(() => { 
        this.setState({
            clock: newTime;
        })
    }, 1000);
}