

今、Reactで開発をしており、そのステート管理としてredux-toolkitを使用しております。  
下記は自分が作成しているsliceですが、下記のようにprepareで指定すれば、reducersのaction.payloadをカスタマイズできるところまでは理解しております。  
しかし、非同期で通信し、その返却値であるaction.payloadをカスタマイズしたい場合、どのように記述したらよろしいでしょうか？  
extraReducersのブロック内に記述したらよいのかと思いましたが、いまいち調べてもでてきませんでしたので、どのように記述したらよいか教えてくださると幸いです。

[code]

        export const testSlice = createSlice({
        name: 'test', 
        initialState,
        reducers: {
        testFuction: { 
                    reducer: (state, action) => {
                        //処理を記述
                    },
                    prepare: (data, index) => {
                        const index=Index;
                        const data = Data;
                        return { payload: { index, data } };
                    }
    }},
               
    extraReducers: (builder) => {
            builder.addCase(××.fulfilled, (state, action) => {
               //処理を記述
            })
    });
       
    
[/code]


CC BY-SA 4.0
2023-01-16T07:49:21.947
93380
2023-01-16T07:49:21.947
54288
question
reactjs redux
redux-toolkitのextraReducersでaction.payloadのprepareをするにはどうしたらよいか