剩余待办事项列表

Question

我正在使用redux做待办事项列表，我想为每个待办事项添加子待办事项列表，但我不明白为什么我的减速机线不能工作(见上面)，您能帮我吗？

import { combineReducers } from 'redux'
import { ADD_TODO, TOGGLE_TODO, ADD_SUB_TODO} from '../constants/ActionTypes'
import _ from 'lodash'

const initialState = {
    todos : []
}

export function todo(state, action) {
    switch (action.type) {
        case  ADD_TODO:
            return {
                id: action.id,
                text: action.text,
                completed: false
            };
        default:
            return state;
    }
}


export function allTodo (state = initialState, action) {
    switch (action.type) {
        case  ADD_TODO:
            return {
                ...state,
                todos: [
                    ...state.todos,
                    {
                        id: action.id,
                        text: action.text,
                        completed: false,
                        subtodo:[]
                    }
                ]
            };
        case ADD_SUB_TODO:
            console.log("REDUCER")
            console.log(...state.todos)
            return {
                ...state,
        // THIS LINE DOES'NT WORK :
                ...state.todos[0].subtodo: [ ...state.todos[0].subtodo, {
                    id: action.id,
                    text: action.text
                }]
            };
        default:
            return state;
    }
};

export default combineReducers({
    allTodo
})

这条线不起作用：

...state.todos[0].subtodo: [ ...state.todos[0].subtodo, {
                        id: action.id,
                        text: action.text
                    }]

这是我的sub对象

{
 id: action.id,
 text: action.text
}

Answer 1

感谢疯狂的袋熊，这是最后的代码：

case ADD_SUB_TODO:

                let subtodo = {id: action.id, text: action.text}
                let subtodoList = _.concat(...state.todos[action.parentId].subtodo, subtodo)
                let todo = _.assign({}, state.todos[action.parentId], {subtodo: subtodoList})

                return {
                    ...state,
                    ...state.todos[action.parentId] = todo,
                    todos: [
                        ...state.todos
                    ]
                };