Question

在我的 redux 案例中，我有以下结构：

initialState: SearchState = fromJS({
  isFiltersPanelOpen: false,
  sections: {
    type: {       Course: {
        isSelected: false,
        filterValues: 42,
      },
      Path: {
        isSelected: false,
        filterValues: 12,
      },
      Resources: {
        isSelected: false,
        filterValues: 11,
        }
     }
  }
})

我必须删除资源。我使用了 deleteIn，但我遇到了问题。当其他案例工作时，它们获得初始值，并且我删除的资源恢复生机。如果我理解正确，我应该使用 update/updateIn 然后 delete/deletIn。我需要一些例子。

Answer 1

我在这里瞎回答。在没有看到任何代码的情况下，问题可能是未应用修改后的状态。

记住，不可变对象永远不会改变，变化总是导致返回一个新对象。因此，如果您忘记返回/应用返回的对象，您的更改就会丢失。

const reducer = createReducer(initialState, {
    deleteSection: (state, { id }) => {
        return state.deleteIn(['sections', 'Resources']);
    },
    deleteSectionToo: (state, { id }) => {
        // Update can be used too, but it is mostly useful when you want to change something.
        // e.g. add/remove an item in a sub-list.
        return state.update('sections', (sectionsState) => {
            return sectionsState.delete('Resources');
        });
    }
};

有关更多示例，consult the docs。

如何删除地图 Immutable.js 中的嵌套元素

1 个答案: