TypeError：this.set状态在5秒后不是一个函数[重复]

Question

我试图在5秒后设置状态中的值。但是在5秒之后，它在this.setState（{text:false}）行显示错误。

代码片段

 constructor(props){
    super(props)
    this.state={
        text:true,
        }
      }
 loadtext(){
 setTimeout(() => {
  this.setState({text:false});
  },5000)

错误：

TypeError:this.setState不是函数

如何解决这个问题？

Answer 1

您需要绑定loadtextfoo

 constructor(props){
    super(props);
    this.loadtext = this.loadtext.bind(this); // here change
    this.state={
        text:true,
    }
 }

 loadtext() {
    setTimeout(() => {
    this.setState({text:false});
    }, 5000)
 }