TIL 20211108 [항해99 54일차]

클릭이벤트를 리덕스로 관리

// 리덕스
// actions
 export const isSuccess = createAction(IS_SUCCESS, (success) => ({ success }));

// reducer
const initialState = {
  isSuccess : false,
}
[IS_SUCCESS]: (state, action) =>
   produce(state, (draft) => {
   draft.isSuccess = action.payload.success;
 }),
 
 // types
 // 카드 추가하기 클릭 확인
 export const IS_SUCCESS = 'cards/IS_SUCCESS';

// 컴포넌트
import { isSuccess } from '../features/cards/actions';

 const handleClick = useSelector((state) => state.cards.isSuccess);

return (
    <TextBtn
            onClick={() => {
              dispatch(isSuccess(!handleClick));
            }}
          >
            + 카드 추가하기
          </TextBtn>
          )