[잘못된 예]
const onChangeEmail = useCallback(()=>{
dispatch(userSlice.action.setEmail(e.target.value))
},[dispatch]);
<input type="email" value={email} onChange={onChangeEmail}/>
onBlur={} 나 submit할 때만 redux를 거치도록 하도록 수정하는 것이 낫다.[코딩 습관]
const {email, password} = useSelector((state) => state.user);
const email= useSelector((state) => state.user.email);
const password = useSelector((state) => state.user.password);
비동기 서버요청을 보내고 싶은 게 이 컴포넌트 하나에서만 실행되고, 다른 컴포넌트에 아예 영향을 끼치지 않는다면, 리덕스로 보내지 마라. 다른 컴포넌트와 관계가 있을 때만 리덕스로 CRUD하기!
const onClick = useCallback(()=>{
dispatch(logIn({
id:"taehee",
password:"비밀번호",
}));
axios.post("/login");
}, []);