状态未初始化为还原器的初始状态

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
}
}

现在，我想做的是，

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

这样它就不会有任何值，因为默认情况下它应该是相同的。

那么，有人能给我建议解决方案吗？

Answer 1

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

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

如果有效的话，试试这个。