javascript - 如何在react redux中存储多层对象？

Question

我正在尝试将多个对象添加到desire的对象中，并存储在该对象内收集的所有愿望。我试图将 key 设置为设置的日期，从而为每个记录都有一个单独的 key 。

然而，所有发生的事情最终我都会在状态中得到一个desire对象，每次写作时都会被覆盖，sex和自慰 每次更新都会被删除。

我知道我应该能够得到这个，但已经晚了，我被困住了:D

reducer

import Moment from 'moment';
import {
  SET_DESIRE_DATA,
  SET_MASTURBATION_DATA,
  SET_SEX_DATA
} from '../actions/dataAction';

const initialState = {
  'desire': {},
    'masturbation': {},
    'sex': {}
};

function desire (state = initialState, action) {
    //var action
    //{
    //    desire: 3, 
    //    date: Wed Jun 07 2017 23:45:41 GMT+0100 (BST)
    //}
    switch (action.type) {
        case SET_DESIRE_DATA:
            //Date returned 07_06_2017
            //Moment(action.data.date).format('D-MM-YYYY')
            return {
                ...state.desire,
                desire: action.data
            }
        case SET_MASTURBATION_DATA:
            return {
                ...state,
                masturbation: action.data
            }
        case SET_SEX_DATA:
            return {
                ...state,
                sex: action.data
            }
    }
    return state
}

export default desire;

更新了 Store.desire

Answer 1

试试这个:

function desire (state = initialState, action) {
    //var action
    //{
    //    desire: 3, 
    //    date: Wed Jun 07 2017 23:45:41 GMT+0100 (BST)
    //}
    switch (action.type) {
        case SET_DESIRE_DATA:
            //Date returned 07_06_2017
            const key = Moment(action.data.date).format('D-MM-YYYY')
            const desire = Object.assign({}, state.desire);
            desire[key] = action.data
            return {
                ...state.desire,
                desire,
            }
        case SET_MASTURBATION_DATA:
          //similar code here
    }
    return state
}

export default desire;