Redux Toolkit で類似するStateをどのようにSlice定義したら良いか

実現したいこと

例えば 年齢/身長/体重 をInput:numberで入力するコンポーネントがあり、
それぞれの入力値をReduxのStoreで管理するとします。
その場合、年齢/身長/体重 のそれぞれをSliceで定義する必要がある認識でおりますが、

store/index.js

1import { configureStore } from "@reduxjs/toolkit"; 2import inputAgeReducer from "./modules/inputAgeSlice"; 3import inputWeightReducer from "./modules/inputWeightSlice"; 4import inputHeightReducer from "./modules/inputHeightSlice"; 5 6export default configureStore({ 7 reducer: { 8 inputAgeReducer: inputAgeReducer, 9 inputWeightReducer: inputWeightReducer, 10 inputHeightReducer: inputHeightReducer, 11 } 12});

この場合、ただ入力された数値を管理するだけなので、
上記3つのReducer(inputXxxSlice.js)はほぼ同じコードになるかと思います。
冗長というか、3ファイルも同じコードが書かれていて無駄な気がするのですが、
もっと無駄のない綺麗な書き方をご存知であればご教示いただけますでしょうか。

コメントを投稿

0 コメント