如何使用钩子在原生反应中分派多个动作？

import React, { useState } from 'react';

function MyComponent() {
  const [actions, setActions] = useState([]);

  // 定义一个分派动作的函数
  const dispatchAction = (action) => {
    setActions((prevActions) => [...prevActions, action]);
  };

  // 在组件渲染时执行分派动作
  useEffect(() => {
    actions.forEach((action) => {
      // 执行动作逻辑
      // ...
    });
    // 清空已执行的动作
    setActions([]);
  }, [actions]);

  return (
    <div>
      {/* 触发分派动作 */}
      <button onClick={() => dispatchAction('Action 1')}>执行动作1</button>
      <button onClick={() => dispatchAction('Action 2')}>执行动作2</button>
    </div>
  );
}

export default MyComponent;