useCallback

https://react.vlpt.us/basic/18-useCallback.html

useCallback 은 특정 함수를 새로 만들지 않고 재사용하고 싶을때 사용합니다.

    const onSubmitForm = ()=>{
        dispatch(loginAction());
    }

을해도 사실 잘 돌아가게 된다 .

    const onSubmitForm = useCallback(() => {
        dispatch(loginAction({
            id,
            password,
        }));
    }, [id, password]);

style

  <div style={{marginTop: '10px'}}>

해도 사실 style 이 잘 먹힌다 .

하지만 여기서 ,

toggle

    const [liked, setLiked] = useState(false);

    const onToggleLike = useCallback(() => {
        setLiked((prev) => !prev);
    }, []);

    ? <HeartTwoTone twoToneColor="#eb2f96" key="heart" onClick={onToggleLike}/>
    : <HeartOutlined key="heart" onClick={onToggleLike}/>,

liked 가 true 일땐 , false 로
false 일때는 true 로 변환하게 된다 .