実現したいこと
例えば 年齢/身長/体重 を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 コメント