import * as React from "react"; import { useCallback } from "react"; import { useSelector } from "react-redux"; import { useAppDispatch, useAppSelector } from "../hooks/useRTK"; import { counterAction } from "../store/reducers/counter"; import { getToDoList, todoCreator } from "../store/reducers/todo"; import { usersThunk, userThunk } from "../store/reducers/user"; function App() { const dispatch = useAppDispatch(); /** 타입이 적용된 useSelector() */ const { count } = useAppSelector(({ counter }) => counter); /** 타입이 적용되지 않은 useSelector() */ const { todos } = useSelector(getToDoList); /** couter 증가 */ const onIncrease = useCallback(() => { dispatch(counterAction.increment(1)); }, [dispatch]); /** couter 감소 */ const onDecrease = useCallback(() => { dispatch(counterAction.decrement(2)); }, [dispatch]); /** 유저들 패치 */ const onFetchUsers = useCallback(() => { dispatch(usersThunk()); }, [dispatch]); /** 특정 유저 패치 ( 카운터 값을 이용 ) */ const onFetchUser = useCallback(() => { dispatch(userThunk({ id: count })); }, [dispatch, count]); /** TODO 추가 */ const onAddToDo = useCallback(() => { dispatch(todoCreator(Math.random())); // dispatch({ type: "MATCHER", payload: "123" }); }, [dispatch]); return (

역시 사람은 잠을 자야 해

{count}

); } export default App;