函数是这样的

const handleAddInfo = () => {
    // 添加的时候应该设置一个区别于在原有数据上编辑功能的标志
    this.props
      .dispatch({
        type: 'video/setAlarmRuleEditMode',
        payload: alarmRuleEditMode.add,
      })
      .then(() => {
        this.props.dispatch({
          type: 'video/setBlackListData',
          payload: {
            key: null,
          },
        });
      })
      .then(() => {
        this.props.dispatch({
          type: 'video/setNaviKey',
          payload: {
            key: 'addBlackList',
          },
        });
      });
  };

我想把它写成动态的，忘里面传几个参数就自动跟几个.then，感觉要用到递归的思路，但是自己递归的思想比较弱...不知道下面怎么去写了。请高手帮忙提示一些，感激不尽啦~

    function fn(...arg) {
        arg.forEach(...)
    }