相当于ngrx中react-redux的getState()方法|角 6 | ngrx 6

Question

我使用 react 和 redux 创建了一个应用程序。其中我使用 getState() 来获取商店的状态，并像这样通过破坏来获取特定的切片。

const { user } = getState();

现在我想转到 Angular 6 中的应用程序。我安装了 ngrx v6.0。我阅读了文档，但没有找到获取用户切片的方法。 但是，我认为我可以通过创建这样的选择器来实现这一目标

export const selectUser = (state: AppState) => state.user;

但我需要订阅该选择器并像这样获取用户状态。

this.store.pipe(select(fromRoot.selectUser)).subscribe(
        user => this.user = user
    )

我需要像下面这样创建手动功能吗？

function getState(store: Store<State>): State {
    let state: State;

    store.take(1).subscribe(s => state = s);

    return state;
} 

有人可以为此提供最佳解决方案还是我错过了什么？

我还面临创建选择器的另一个问题。我使用有效负载 userData 发送一个动作（来自 API 响应） AppComponent@ngOnInit() this.store.dispatch(new LoadUserAction(this.userData));

但是当我使用用户选择器在功能模块的组件中获取用户状态片时 HomeComponent@ngOnInit()

this.store.pipe(select(fromRoot.selectUser)).subscribe(
            user => this.user = user //user is same as intial not the updated one.

        )

我没有立即获得数据。始终返回初始状态。

我需要使用效果还是放置一些 if 条件？

有人可以向我解释在从第一个选择器获取正确数据后如何执行另一个操作吗？

Answer 1

是的，NgRx 没有即时的get() 方法来访问您商店的一部分。我找不到它，但在 GitHub 上有一个问题，他们说在第一个版本中他们有它，但人们没有正确使用它，所以他们删除了它，现在你只得到 Observables。

你的

this.store.pipe(select(fromRoot.selectUser)).subscribe(
  user => this.user = user
)

是正确的。您只需要记住取消订阅即可。

如果可以的话，存储整个 Observable 没有问题，而不必订阅它。 Angular 有一个异步管道，因此您可以轻松地在模板上使用 Observables，并且您始终可以对该 Observable 进行操作并返回一个新的 Observable 以满足您的需求。

Ps：最好使用createSelector方法。

export const selectUser = createSelector(
  selectAppState,
  (state: AppState) => state.user;
);