不要通过过滤来改变你的真理来源。过滤后的结果应该是从notices状态和search值计算/导出的“状态”。

如果不需要持久化过滤后的通知

将搜索类型和值存储在state中，并使用选择器函数计算派生的state。

const initialState = {
  notices: [],
  searchOption: "Simple",
  searchValue: "",
};
    
const noticesSlice = createSlice({
  name: "notices",
  initialState,
  reducers: {
    setSearch: (state, action) => {
      const { searchOption, search } = action.payload;
      state.searchOption = searchOption;
      state.searchValue = search.toLowerCase();
    },
    ...
  },
  ...
});

export const selectFilteredNotices = state => {
  const { notices, searchOption, searchValue } = state.path.to.notices;

  switch(searchOption) {
    case "Simple":
      return notices.filter((note) =>
        note.title.toLowerCase().includes(searchValue)
      );

    case "Advanced":
      return notices.filter((note) =>
        note.description.toLowerCase().includes(searchValue) ||
        note.tags.some((tag) => tag.toLowerCase().includes(searchValue))
      );

    default:
      return notices;
  }
};

UI将分派setSearch操作来更新搜索值，并使用useSelector钩子和selectFilteredNotices函数来选择过滤后的通知值。

const dispatch = useDispatch();
const filteredNotices = useSelector(selectFilteredNotices);

...

dispatch(setSearch({ searchOption, search }));
...

如果您确实需要将过滤后的通知持久化到状态

在state中创建一个新的filteredNotices数组，在分派filterNotices操作时，您将过滤未更改的state.notices数组并返回/更新state.filteredNotices数组。这会使原始通知数据保持不变。

const initialState = {
  notices: [],
  filteredNotices: [],
};
    
const noticesSlice = createSlice({
  name: "notices",
  initialState,
  reducers: {
    filterNotices: (state, action) => {
      const { searchOption, search } = action.payload;
      const searchValue = search.toLowerCase();

      if (searchOption === "Simple") {
        state.filteredNotices = state.notices.filter((note) =>
          note.title.toLowerCase().includes(searchValue)
        );
      } else if (searchOption === "Advanced") {
        state.filteredNotices = state.notices.filter((note) =>
          note.description.toLowerCase().includes(searchValue) ||
          note.tags.some((tag) => tag.toLowerCase().includes(searchValue))
        );
      }
    },
    ...
  },
  ...
});