【React】Reduxでクリックしたら複数のdispatchを実行する方法

2023年10月18日React

ReactでReduxでクリックしたら複数のdispatchを実行する方法を紹介します。

ReactでReduxでクリックしたら複数のdispatchを実行する方法

          <button
            type="button"
            onClick={() => dispatch(closeModal())}
          >
            ボタン
          </button>

通常は上のようにかくと一つだけ実行されます。

複数実行する場合は、clickのfunction部分を省略せずに書けばOKです。

          <button
            type="button"
            onClick={() => {
              dispatch(clearCart());
              dispatch(closeModal());
            }}
          >
            ボタン
          </button>

もしくは、関数を変数に入れて、それをonClickに登録すればOKです。