Redux-toolkit 테스트 코드

src/components/basis/dron/BasisIdntform.js

@@ -14,28 +14,8 @@ import {
 import { X } from 'react-feather';
 
 import Repeater from '@core@components/repeater';
-import { getDroneList } from '../../../_redux/features/basis/drone/droneThunk';
-import { useEffect } from 'react';
-// import { useDispatch, useSelector } from '../../../redux/storeConfig/store';
-import { useDispatch, useSelector } from '../../../_redux/store';
 
 export const BasisIdntfForm = props => {
-  // console.log(props.data);
-  // const dispatch = useDispatch();
-  // const droneList = useSelector(state => state.drone.droneList);
-
-  // useEffect(() => {
-  //   console.log(droneList, '---list');
-  // }, [droneList]);
-
-  // const testHandler = () => {
-  //   dispatch(
-  //     getDroneList({
-  //       groupId: 'C807F9',
-  //       page: 1
-  //     })
-  //   );
-  // };
   return (
     <Row>
       <Col>
@@ -179,7 +159,6 @@ export const BasisIdntfForm = props => {
                                       props.data[i].id
                                     )
                                   }
-                                  // onClick={testHandler}
                                   outline
                                   {...(props.data[i].disabled === undefined
                                     ? { disabled: false }

src/containers/basis/dron/BasisDronDetailContainer.js

@@ -13,7 +13,25 @@ import * as Actions from '../../../modules/basis/drone/actions';
 import { droneAPI } from '../../../modules/basis/drone/apis';
 import { IMG_PATH } from '../../../configs/constants';
 
+import {
+  useDispatch as useDispatch2,
+  useSelector as useSelector2
+} from '../../../redux/storeConfig/store';
+import { getDroneList } from '../../../_redux/features/basis/drone/droneThunk';
+import { testClient } from '../../../_redux/features/basis/drone/droneSlice';
+
 export const BasisDronDetailContainer = props => {
+  const dispatch2 = useDispatch2();
+  const testValue = useSelector2(state => state.droneState2);
+  const testHandler = () => {
+    dispatch2(getDroneList({ groupId: 'C807F9', page: 1 }));
+    dispatch2(testClient('test'));
+  };
+
+  useEffect(() => {
+    console.log(testValue, '---testVal');
+  }, [testValue]);
+
   const dispatch = useDispatch();
   const titleName = ' 기체 관리';
 
@@ -293,6 +311,16 @@ export const BasisDronDetailContainer = props => {
           ) : (
             <></>
           )}
+
+          <Button
+            ripple
+            className='ml-1'
+            color='primary'
+            size='sm'
+            onClick={testHandler}
+          >
+            테스트
+          </Button>
         </div>
       </Col>
     </Row>