Question

我正在使用react-boilerplate构建一个应用程序，人们可以在其中制作和编辑事件。这个样板文件使用了immutable.js所以我想学习它。

当我将事件保存到数据库时，数据库将事件作为对象返回。

console.log(action.payload.event)

会打印

{
  color:"#000000",
  name:"my Event",
  _id:"59ea882a58a83d20d400cd21",
}

这个对象我想要推送到其他事件的数组。用户登录时会填充事件。

我的减速机看起来像这样

import { fromJS } from 'immutable';
import { ADD_EVENT_REQUEST_SUCCESS } from './constants';

const initialState = fromJS({
  events: null
});

function eventsOverviewReducer(state = initialState, action) {
  switch (action.type) {

    case ADD_EVENT_REQUEST_SUCCESS:
      return state
        .update('events', list => list.push( action.payload.event ));

    case LOGIN_SUCCESS:
      const user = action.payload.user;
      return state
        .set('events', user.events)

    default:
      return state;
  }
}

但是，此更新语句现在将存储中的事件设置为数组的大小。如何将对象推送到状态？

Answer 1

听起来events不是Immutable.List。设置events时，应将其创建为列表而不是常规数组：

case LOGIN_SUCCESS:
  return state
    .set('events', List(user.events))

然后events.push将正确返回新列表。

在对象数组上推送对象会返回数组大小

1 个答案: