使用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
   }
}