当 location.state 为空时如何导航到其他页面答案

【问题标题】：How to navigate to other page when location.state is null当 location.state 为空时如何导航到其他页面
【发布时间】：2022-11-14 15:35:35
【问题描述】：

我有一个反应应用程序，我通过反应路由器传递状态并使用目标组件/页面中的位置访问状态。它工作完美但是当我关闭选项卡并将完全相同的 URL 粘贴到另一个选项卡中的该页面时，它崩溃并说Cannot read properties of null (reading '1')这是访问状态的方式

const { filter, mode } = location?.state[1];

如果位置为空，我想导航到主页

我尝试了以下但似乎不起作用。

  if (location.state===null) {
    navigate("/");
  }

  const { filter, mode } = location?.state[1];

任何帮助将不胜感激

【问题讨论】：

【解决方案1】：

如果您不返回，代码仍在导航后运行

if (location.state===null) {
  return navigate("/");
}

const { filter, mode } = location?.state[1];

【讨论】：