ngrx/store在加载硬编码数据时不工作

// 定义状态
interface AppState {
  data: any[];
}

// 创建Action
enum ActionTypes {
  LoadData = '[Data] Load Data',
}

class LoadData implements Action {
  readonly type = ActionTypes.LoadData;
}

type Actions = LoadData;

// 创建Reducer
function reducer(state: AppState, action: Actions): AppState {
  switch (action.type) {
    case ActionTypes.LoadData:
      return { ...state, data: [1, 2, 3] };
    default:
      return state;
  }
}

// 创建Store
const initialState: AppState = { data: [] };
const store = createStore(reducer, initialState);

// 在组件中使用
@Component({
  selector: 'app-my-component',
  template: `
    <button (click)="loadData()">Load Data</button>
    <ul>
      <li *ngFor="let item of data">{{ item }}</li>
    </ul>
  `,
})
export class MyComponent {
  data: any[];

  constructor(private readonly store: Store<AppState>) {
    this.store.select('data').subscribe((data) => {
      this.data = data;
    });
  }

  loadData() {
    this.store.dispatch(new LoadData());
  }
}