如何在Ngrx 9.x中设置状态值？

在Ngrx 9.x中，可以通过以下步骤来设置状态值：

首先，确保已经安装了Ngrx 9.x版本，并在应用程序中导入所需的Ngrx模块。
创建一个新的状态模块，可以使用@ngrx/store提供的createReducer函数来定义状态的初始值和处理不同action的状态更新逻辑。例如：

import { createReducer, on } from '@ngrx/store';
import { setValue } from './actions';

export interface AppState {
  value: string;
}

export const initialState: AppState = {
  value: ''
};

export const appReducer = createReducer(
  initialState,
  on(setValue, (state, { value }) => ({ ...state, value }))
);

上述代码中，我们定义了一个AppState接口来描述状态的结构，包含一个value属性。然后，我们定义了初始状态initialState，并使用createReducer函数创建了一个reducer，它会根据setValue action更新状态的value属性。

创建一个actions模块，用于定义各种可能的action。例如，我们可以创建一个setValue action来设置状态的值：

import { createAction, props } from '@ngrx/store';

export const setValue = createAction('[App] Set Value', props<{ value: string }>());

上述代码中，我们使用createAction函数创建了一个名为setValue的action，并使用props函数定义了一个value属性，用于传递新的状态值。

在组件中使用Store服务来分发action并更新状态。首先，在组件中导入Store服务和相关的actions：

import { Store } from '@ngrx/store';
import { setValue } from './actions';

然后，在构造函数中注入Store服务，并在需要设置状态值的地方调用dispatch方法分发setValue action：

constructor(private store: Store) {}

setValue(value: string) {
  this.store.dispatch(setValue({ value }));
}

上述代码中，我们通过调用store.dispatch方法分发setValue action，并传递新的状态值。

最后，在需要访问状态值的地方，可以使用select方法来选择状态的特定属性。例如，在组件中导入select函数和状态模块：

import { select } from '@ngrx/store';
import { AppState } from './reducer';

然后，使用select函数选择状态的value属性，并订阅状态的变化：

value: string;

constructor(private store: Store) {
  this.store.select((state: AppState) => state.value).subscribe(value => {
    this.value = value;
  });
}

上述代码中，我们使用select函数选择状态的value属性，并通过订阅状态的变化来更新组件中的value属性。

这样，通过以上步骤，就可以在Ngrx 9.x中设置状态值了。

关于Ngrx的更多信息和使用方法，你可以参考腾讯云提供的Ngrx相关文档和产品介绍：