javascript - 商店 reducer 中未定义

Question

我正在尝试为 Angular ngrx 存储架构中的操作编写 reducer :

这是我的 reducer :

export const registration = (state: any, {type, payload}) => {
  switch (type) {
    case 'REGISTER_USER':
      console.log('reducer ' + payload, type);
      return payload;
    default:
      return state;
  }
};

这是我调用 reducer 的函数

register(user: RegistrationUser) {
    return this.http.post(Global.API_URL+'/register', user)
      .map(response => response.json())
      .map(data => ({type: 'REGISTER_USER', data}))
      .subscribe(action => {this.store.dispatch(action); console.log(action)});
  }

我遇到的问题是有效负载未定义。哪里

console.log(action);

返回对象。来自 reducer 的控制台日志返回正确的操作类型，但未定义为对象“ reducer 未定义 REGISTER_USER”

Answer 1

我认为您只需将数据映射到有效负载:数据:

register(user: RegistrationUser) {
    return this.http.post(Global.API_URL+'/register', user)
      .map(response => response.json())
      .map(data => ({type: 'REGISTER_USER', payload: data}))
      .subscribe(action => {this.store.dispatch(action); console.log(action)});
  }