在reducer新添加的对象中有没有办法解构?

时间:2019-10-11 14:53:29

标签: javascript reactjs ecmascript-6 redux react-redux

我正在应用上学习redux,当您单击日历中的日期时,它将显示表格。 提交后,redux应该从这种形式获取数据,并以如下日期进入状态:[obj,obj,obj]。 -> //日期== activeDate

我无法破坏日期,因此它会发生变化,并且每次我点击提交时,日期数组中只有一个对象。

    case SET_DATE:
       return {
         ...state,
          activeDate: action.payload.date
       }
    case ADD_CUT:
    const {date, name, hour, minute, kind} = action.payload
        return {
            ...state,
            appointments: {
                ...state.appointments,
                [date]: [
                       // here i need to destructure sth like
                       // ...state.appointments.date
                       // or state.appointments.activeDate
                    {
                        name: name,
                        hour: hour,
                        minute: minute,
                        kind: kind
                    }
                ]
            }
    }

我该如何破坏它?还是我应该以其他方式获取数据?

1 个答案:

答案 0 :(得分:0)

我会将约会保留在一个数组中,然后像这样简单地向其中添加新约会:


case ADD_CUT:
    const {date, name, hour, minute, kind} = action.payload;
   return {
       ...state,
       appointments: [
           ...state.appointments,
               {
                   date,
                   name,
                   hour,
                   minute,
                   kind
               }
          ]
  }