javascript - Redux 存储中是否允许复杂对象？

Question

我正在使用 Redux 开发 React 应用程序，我看到了一些不寻常的东西。我们曾经在商店中放置了一个 DOM 元素。这会给 Redux 扩展带来问题，当调用该操作时，该扩展会卡住，但除此之外应用程序运行良好。

我们的代码如下所示:

function theAction(domElement) { // We got domElement with getElementById
    return {
        type: "THE_ACTION",
        domElement
    };
}

然后在我们的 reducer 中，我们只需将 DOM 元素放入存储中即可:

function theReducer(state, action) {
    switch (action.type) {
    case "THE_ACTION":
        return {
            ...state,
            domElement: action.domElement,
        };
    }
}

DOM 元素是具有引用循环和特殊属性的复杂对象，所以我不确定这里的规则。那么我是否违反了将 DOM 元素放入操作中的先决条件以及将 DOM 元素放入商店中的先决条件？

Answer 1

不，non-serializable objects are explicitly not allowed inside dispatched actions or the Redux store .