有没有一种方法可以执行函数或将动态类分配给一对两个组件，跳过数组迭代中的每两个组件？

import React from 'react';

// 定义一个高阶函数，用于执行函数或将动态类分配给一对两个组件
const executeFunctionOrAssignClass = (array, fn, className) => {
  return array.map((item, index) => {
    // 判断是否为奇数项，如果是，则执行函数或分配类名
    if (index % 2 === 0) {
      if (typeof fn === 'function') {
        return fn(item);
      } else if (typeof className === 'string') {
        return <div className={className}>{item}</div>;
      }
    }
    // 如果不是奇数项，则返回原始项
    return item;
  });
};

// 示例用法
const array = ['A', 'B', 'C', 'D', 'E', 'F'];

const App = () => {
  // 执行函数的示例
  const executeFn = (item) => {
    return <div>{item}</div>;
  };

  // 分配类名的示例
  const assignClass = <div className="custom-class">Custom Class</div>;

  return (
    <div>
      {executeFunctionOrAssignClass(array, executeFn)}
      {executeFunctionOrAssignClass(array, null, 'custom-class')}
      {executeFunctionOrAssignClass(array, assignClass)}
    </div>
  );
};

export default App;