javascript - 状态未初始化为 reducer 的初始状态

Question

我是 react redux 的新手。在这里，我正在做的是，

const initialState = {
        Low: [
            {
                id: 0,
                technologyId: 0,
                technology: '',
                level: 'EASY'
            }
        ],
        Medium: [
            {
                id: 0,
                technologyId: 0,
                technology: '',
                level: 'MEDIUM'
            }
        ],
        High: [
            {
                id: 0,
                technologyId: 0,
                technology: '',
                level: 'TOUGH'
            }
        ]
    }

现在，在我的减速机中，

 export default function QuizData(state = initialState, action) {
        switch (action.type) {
            case QUIZ_DATA:
                return {
                    ...state,
                    Low: action.data,
                    error: false,
                } 
            case RESET_QUIZ_CRITERIA: {
            console.log("intial state is ",  ...state);
            return {
                ...state
            }

现在，这里发生的是在一些操作之后，这个对象会随着每个键的值而改变。喜欢，

所以，这会改变。

{
        Low: [
            {
                id: 0,
                technologyId: 11,
                technology: 'xsxs',
                level: 'EASY'
            }
        ],
        Medium: [
            {
                id: 0,
                technologyId: 22,
                technology: 'swwsw',
                level: 'MEDIUM'
            }
        ],
        High: [
            {
                id: 0,
                technologyId: 110,
                technology: 'xsxsx',
                level: 'TOUGH'
            }
        ]
    }

重置我的动作就像，

export function resetPreviousQuizSelectionCriteria() {
  console.log("Calling this");
  return {
    type: RESET_QUIZ_CRITERIA
  }
}

现在，我想做的是，

当用户单击按钮时，我想将其更改为初始状态。

这样它就不会有任何值，因为它应该与默认值相同。

那么，任何人都可以建议我解决方案吗？

标签： javascriptreactjsreduxreact-redux

Answer 1

我认为返回初始状态应该可以解决问题。

 case RESET_QUIZ_CRITERIA: {
        console.log("intial state is ",  ...state);
        return {
            ...initialState
        }

试试这个，如果它有效。