javascript - React.js 在一定时间后状态发生变化

Question

我有一个特定的变量作为状态在 false 和 true 之间切换(我们可以称之为已提交)。我想做的是在状态设置为 true 几秒钟后将状态更改回 false。我该怎么做？

我有这个函数，它在单击按钮时调用，并且状态发生变化:

saveAndContinue: function(e) {
    e.preventDefault()

    if(this.state.submitted==false) {
        email = this.refs.email.getDOMNode().value
        this.setState({email: email})
        this.setState({submitted: !this.state.submitted});

    }

  }

我想补充一点，我有一个计时器将提交的变量设置回 false。我该怎么做呢？

Answer 1

您可以设置超时以在给定时间后重置状态。请记住将 bind(this) 到超时函数，以便 this 引用正确的 this

saveAndContinue: function(e) {
    e.preventDefault()

    if(this.state.submitted==false) {
        email = this.refs.email.getDOMNode().value
        this.setState({email: email})
        this.setState({submitted: !this.state.submitted});
        setTimeout(function(){
             this.setState({submitted:false});
        }.bind(this),5000);  // wait 5 seconds, then reset to false
   }
}