在reactjs中，当在setTimeout延迟中设置时，this.props.history.push（'/'）重定向不起作用

Question

我有一个通行证，可以将用户重定向到首页，因此我一直在使用它

this.props.history.push('/')

效果很好，但现在我们要延迟此操作，因此我将整个内容包装在setTimeout函数中

setTimeout(function () {
  this.props.history.push('/')
}, 1500);

但这会中断并给我错误“ TypeError：无法读取未定义的属性” history”

我尝试将props值添加到const，然后在const值上设置超时，但是仍然没有任何乐趣，我看不到任何原因为何不起作用，所以我碰到了砖墙，有人可以掉下吗给我一些启示吗？

Answer 1

它的背景下this是传给你的麻烦。

试试像下面绑定this到您的内部函数

setTimeout(() => {
  this.props.history.push('/')
}, 1500);

Answer 2

上面的答案有效，但是如果由于某些原因箭头功能对您不起作用，则可以执行以下操作

创建一个方法

gotoHome(){
   this.props.history.push('/')
}

将方法绑定到context: this

如果您的组件具有构造函数，则最好在其中进行绑定

this.gotoHome = this.gotoHome.bind(this)

将方法传递给setTimeout

setTimeout(this.gotoHome, 1500)