aboutheader.jsx:21未捕获的类型错误：This.SetState不是函数

Question

我试图在setTimeout之后进行状态更改以更改类名，但是，我总是得到一个“aboutheader.jsx:21 uncathed typeerror：this.setstate不是一个函数”。从“React”导入React；

require('../../stylesheets/component/aboutheader.scss')；

constructor() {
    super()
this.timeDelay = this.timeDelay.bind(this);
    this.state = {
        class: "about-header-wrapper-hidden"
    }
}

componentDidMount() {
console.log("mounted");
    this.timeDelay();
}

timeDelay（）{setTimeout（函数updateState（）{this.setstate（{class：“about-header-wrapper”}）},1000）；console.log（“timeDelay worked”）；}

render() {
    return (
        <section className={this.state.class}></section>
    )
}

}

Answer 1

您必须.bind(this)绑定到settimout()上。以下是JSBin中的代码，绑定this。如果删除它，它将引发错误。

setTimeout(function updateState() {
  this.setState({ class: "about-header-wrapper" })
}.bind(this), 1000);