我正在使用带有 Redux 和不可变的 React .js - 我的状态由不可变对象组成,工作正常。
现在我正在尝试使我的操作成为不可变的对象,而不是普通的Javascript对象。
我的化简器和动作创建者工作,我所有的单元测试都通过了,但是当我尝试在 React 组件中使用不可变的动作对象时,我收到一个错误,因为我的 Action 对象是不可变的 Map(而不是普通的 javascript 对象)。
这是我的行动:
export const cancel = () => {
return Immutable.Map({
type: ACTION_TYPES.get('CANCEL')
})
}
我的化简器是这样的(在单元测试时工作,但由于错误,React从未调用它):
export const site = (state = initialState, action) => {
const actionType = null
try {
action.get('type')
} catch (e) {
return state
}
switch (actionType) {
... so on and so forth ...
以下是测试组件时的错误:
FAIL src/App.test.js
● Test suite failed to run
Actions must be plain objects. Use custom middleware for async actions.
我需要添加哪些中间件才能使不可变.js对象作为操作工作? 我在文档中找不到它...
我需要添加哪些中间件才能使不可变.js对象作为操作工作?我在文档中找不到它...
如果要构建自定义行为,则需要自己构建中间件。像这样:
import { isImmutable } from 'immutable';
// Allows immutable objects to be passed in as actions. Unwraps them, then
// forwards them on to the reducer (or the next middleware).
const immutableMiddleware = store => next => action => {
if (isImmutable(action)) {
next(action.toJS())
} else {
next(action);
}
};
也就是说,我真的看不出将操作作为不可变对象会有什么好处。操作通常是在需要时创建的,并且永远不会再次访问,因此保护它免受突变几乎从不是一个问题。而且您通常不会克隆它们,因此 immutablejs 在从旧对象创建新的不可变对象时提供的性能优势将无法实现。