16.2.10 액션 발생시키기

    액션을 발생시키는 것을 디스패치라고 합니다. 디스패치를 할 때는 스토어의 내장 함수 dispatch를 사용합니다. 파라미터는 액션 객체를 넣어 주면 됩니다.

    다음과 같이 각 DOM 요소에 클릭 이벤트를 설정하세요. 이벤트 함수 내부에서는 dispatch 함수를 사용하여 액션을 스토어에게 전달해 주겠습니다.

    index.js

    (...)
    divToggle.onclick = () => {
      store.dispatch(toggleSwitch());
    };
    btnIncrease.onclick = () => {
      store.dispatch(increase(1));
    };
    btnDecrease.onclick = () => {
      store.dispatch(decrease());
    };

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.