Redux Reducer:这是将布尔值从初始状态切换的可接受方法吗?

Question

我有一个对象数组作为初始状态。此数组保存用户问题/响应数据。在 HTML 页面上，有一个材料 UI 开关开关，用于控制问题是公共的还是私有的。我知道 redux 建议在动作中保留逻辑而不是化简器，但这是我想出的解决方案。"切换开关减速器"是可接受的解决方案，还是我创建了反模式？

注意我正在使用"化简器帮助程序"而不是"switch 语句"来减少样板代码。 提前谢谢你。我对 redux 很陌生。

// ACTION
export const toggleQuestion = (questionId) => {
return {
type: TOGGLE_QUESTION,
payload: {
questionId
}
}
}


//REDUCER 
const initialState = [{
id: '1',
firstName: 'James',
lastName: 'Smith',
question: 'Ask a question here?',
response: 'This is an answer to the question',
public: true,
created: '2019-23-11T01:50:00+00:00',
modified: null
},
{
id: '2',
firstName: 'Taylor',
lastName: 'Johnson',
question: 'Ask another question here?',
response: 'Here is another answer to another question',
public: true,
created: '2019-23-11T01:50:00+00:00',
modified: null
}
];

const toggleSwitch = (state, payload) => {
return [
...state.map((item) => {
if (item.id === payload.questionId) {
return Object.assign(item, {
public: !item.public
})
}
return item
})
]
}
export default createReducer(initialState, {
[CREATE_QUESTION]: createQuestion,
[UPDATE_QUESTION]: updateQuestion,
[DELETE_QUESTION]: deleteQuestion,
[TOGGLE_QUESTION]: toggleQuestion
});


// HELPER TO CREATE THE REDUCER
export const createReducer = (initialState, fnMap) => {
return (state = initialState, {
type,
payload
}) => {
const handler = fnMap[type];
return handler ? handler(state, payload) : state
}
}

Answer 1

简单的答案是，如果你连续做同样的事情 10 次，你会得到相同的结果吗？

减速器应该是纯净的，没有任何副作用，这意味着相同的输入，每次产生相同的输出。

根据您的示例，在我看来，针对相同状态的相同操作应该产生相同的输出，所以我会说是的，我认为这没有任何问题。

但是，您可以提取该逻辑，使其效果只是指示状态作为更新的一部分，新值应该是什么。

目前还不清楚你使用的是什么框架，但 React 有 Saga 和 Thunks，Angular 有 NgRX，它给你一个"安全"的地方来应用减速器之外的副作用。

我经常使用 normalizr 来创建数据模式，就像数据库一样。然后，我使用selectors从商店中为我的组件做很多繁重的工作。这使我能够保持我的减速器非常简单，并且只真正关心它们处理的道具的变化。