与路由器的发送状态未定义

我有一个组件，它使用路由器导航到另一个带有布尔变量的组件，如下所示

this.router.navigate(['/consume/course/' + this.id, {state: { isFirst }} ], { replaceUrl: true });

在另一个组件中，我试图像这样从路由器获取这个变量

 const isFirst = this.router.getCurrentNavigation().extras.state.isFirst;

但我收到此错误：

无法读取 null 的属性“额外”

为什么当前导航为空？

另外，这是我的第二个组件的路由模块

const routes: Routes = [
  {
    path: 'course/:id',
    component: CourseComponent,
    canActivate: [RedirectGuard],
    data: { menuType: 'test' },
  },
];

据我所知，添加时state对于导航，Angular 正在将您的值附加到窗口History目的。您可以像这样检索该值：

const { isFirst } = window.history.state;

你可以在这里阅读更多在 Angular 中导航期间将数据保存在状态对象中