javascript - 连接到组件时修改 redux 中的数据

Question

redux连接组件时修改数据正常吗？像这样

还原

const itemInitialState = {
    id: null,
    name: ''
};

react

const Component = connect(
    state => ({
        items: state.items.map(item => {
            item.selected = true;
            return item;
        })
    })
)(_Component);

我添加了一个原本不在该状态的 key

Answer 1

我认为在执行 mapStateToProps 时添加字段很好 - 尽管通过更仔细地考虑数据模型可能会解决这样做的需要。

我要修复的代码示例是不要改变实际的 redux 状态，这可能会导致严重的错误。所以我会将其修复为不可变的:

const Component = connect(
    state => ({
        items: state.items.map(item => ({
            ...item,
            selected: true
        }))
    })
)(_Component);