각 속성에 감속기가 필요합니까?

Question

이 튜토리얼을 따라 숫자를 늘리고 있습니다.

작동은 하는데 이제 100개 정도의 구성값으로 구현하려고 합니다. counterSlice.js를 100번 복사해야 합니까, 아니면 숫자를 100개 속성이 있는 객체로 바꿔야 합니까?

counterSlice.js

export const counterSlice = createSlice({
  이름: '카운터',
  초기상태: {
    값: 0,
  },
  감속기: {
    증분: (상태) =>
      // Redux Toolkit을 사용하면 리듀서에 "수정" 로직을 작성할 수 있습니다. Immer 라이브러리를 사용하기 때문에 실제로 상태가 변경되지는 않습니다.
      // "초안 상태"에 대한 변경 사항을 감지하고 해당 변경 사항을 기반으로 완전히 새로운 불변 ​​상태를 생성합니다.
      // 또한 이러한 함수에는 return 문이 필요하지 않습니다.
      상태.값 += 1
    },
    감소: (상태) =>
      상태.값 -= 1
    },
    incrementByAmount: (상태, 동작) =>
      상태.값 += 액션.페이로드
    },
  },
})

// 각 케이스 리듀서 함수에 대한 액션 생성자를 생성합니다.
const 내보내기 {증분, 감소, incrementByAmount } = counterSlice.actions

기본 counterSlice.reducer 내보내기

Answer 1

어떤 경우에는 각 상태 필드에 대한 함수를 명시적으로 생성하는 것이 현명할 수도 있습니다. 그러나 약 100개의 상태 필드가 있는 경우에는 보다 일반적인 접근 방식을 취해야 합니다.

리듀서 함수의 페이로드에 key和value 필드를 포함하는 것이 좋습니다.

으아악

---