Reducer 上的函数

从状态中删除所选类别的函数

更新添加的状态

state={cat:[]>

const delCat = (state, payload) => {
  const { id } = payload
  const idx = state.category.findIndex((el) => el.id === id)
  let pastState = state.slice(0, idx)
  let futureState = state.slice(idx + 1)
  let newState = [...pastState, ...futureState]
  return {
    ...state,
    category: newState,
  }
}

Reducer

const initialState = {
  category: [
    {
      id: 1,
      name: 'Изброное',
      color: '#5236C1',
      list: [{}]
сonst newcat = (state = initialState, action) => {
  switch (action.type) { 
    case 'DEL_CATEGORY':
      return delCat(state, action.payload)
    default:
      return state
  }
}

Action

export const delCat = (id) => ({
  type: 'DEL_CATEGORY',
  payload: { id },
})

文件调度

  const DelCategory = (id) => {
    dispatch(delCat(id))
  }

附言：提前致谢