Redex를 사용하여 배열에서 요소 삭제

Redex를 사용하여 배열에서 요소 삭제

나는 Redex를 사용하여 작업관리 앱을 만들려고 하는데 배열에서 작업관리 삭제하는 방법을 쌓고 있어.

환원기 js

export default function todo(state, action) {
switch (action.type) {
  case 'ADD_TODO':
    return [
      ...state,

      {
        id: action.id,
        text: action.text,
        completed: false
      }
  case 'REMOVE_TODO':
    return {
      id: action.id,
      ...state.slice(id, 1)
    }
  default:
    return state;
 }
}

action.js

let nextTodoId = 0
export const addTodo = text => ({
  type: 'ADD_TODO',
  id: nextTodoId++,
  text
})

export const removeTodo = id => {
  type: 'REMOVE_TODO',
  id
}

지금까지 나는 완료되거나 완료되지 않은 작업관리를 추가하고 전환할 수 있다.고마워요.

환원기를 사용하여 환원기에서 제거한 요소를 제외한 모든 배열 요소를 반환하십시오.

개인적으로는, 나는 그 제품을 사용하는 것을 선호한다.filter배열 방법.얄팍한 사본을 돌려줄 겁니다.state특정 조건과 일치하는 배열

case 'REMOVE_TODO':
return state.filter(({id}) => id !== action.id);

리액터랙스 응용 프로그램에서는 항상 새 개체를 만들어야 하며 항목을 삭제하려면 다음과 같이 스프레드 오퍼레이터를 사용하십시오.

return [...state.filter(a=>a.id !== id)]

참조URL: https://stackoverflow.com/questions/51926783/delete-an-element-from-array-using-redux