formReset 을 extraReducer를 사용해서

hi6724 · Dec 11, 2022 · 5eef6e4 · 5eef6e4
1 parent 1e1ad38
commit 5eef6e4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/cars/src/components/CarForm.js b/cars/src/components/CarForm.js
@@ -1,6 +1,5 @@
 import { useDispatch, useSelector } from "react-redux";
 import { addCar, changeCost, changeName } from "../store";
-import { reset } from "../store/slices/formSlice";
 
 function CarForm() {
   const dispatch = useDispatch();
@@ -18,7 +17,6 @@ function CarForm() {
   const handleSubmit = (e) => {
     e.preventDefault();
     dispatch(addCar({ name, cost }));
-    dispatch(reset());
   };
 
   return (

diff --git a/cars/src/store/slices/formSlice.js b/cars/src/store/slices/formSlice.js
@@ -1,4 +1,5 @@
 import { createSlice } from "@reduxjs/toolkit";
+import { addCar } from "./carsSlice";
 const initialState = {
   name: "",
   cost: 0,
@@ -14,9 +15,9 @@ const formSlice = createSlice({
     changeCost(state, action) {
       state.cost = action.payload;
     },
-    reset(state, action) {
-      return initialState;
-    },
+  },
+  extraReducers(builder) {
+    builder.addCase(addCar, (state, action) => initialState);
   },
 });