如果 prop 未定义，如何在反应中重定向

Question

我正在将另一个页面的道具传递到这个页面，它工作正常。所以我决定把接收页面的路由复制到另一个tab，所以就抛出了这个错误：

   TypeError: Cannot read property 'myData' of undefined

这是可以理解的，因为没有传递任何道具。我想要做的是路由到另一个页面，因为下面的代码行没有定义任何道具：

   componentDidMount() {
        this.props.location.state.myData === undefined && this.props.history.push('/');

        this.fetchData(data);
   }

但它不起作用，它给了我与上面相同的错误。我可能做错了什么以及如何解决这个问题？

Answer 1

在您的示例中，并不是说myData 未定义，而是说它无法读取未定义的属性 myData。即location 的state 属性未定义。

componentDidMount() {
  if (this.props.location.state === undefined) {
    this.props.history.push('/');
    return;
  }
  // else
}