React中如何将数组内的函数作为props传递给子组件？

首先你原代码的父组件写法存在语法错误：1 + (i:any) => i 是无效表达式，数字与函数无法直接相加。你想要传递「常量1 + 子组件循环变量i」的计算逻辑到子组件，这个场景用闭包函数（和柯里化思路一致）确实是正确方向，甚至不需要复杂的柯里化，直接传递封装了常量的函数即可。

正确实现步骤 #

1. 父组件：传递封装逻辑的函数

把需要的计算逻辑封装成接收i的函数，作为position数组的第一个元素，第二个元素保留常量2：

// 父组件内
<SubComponent position={[(i: number) => 1 + i, 2]} />

2. 子组件：修正类型定义并调用函数

子组件的position类型不能是number[]（因为第一个元素是函数），修正类型后，循环时直接调用函数传入i即可：

// 子组件
export default function SubComponent({ position }: { position: [(i: number) => number, number] }) {
  const object = {
    position: new Map<number, number>()
  };
  const count = 2;

  for (let i = 0; i < count; i++) {
    // 调用position[0]函数传入i，得到1+i的计算结果
    object.position.set(position[0](i), position[1]);
  }

  // 最终会得到Map {1 => 2, 2 => 2}，对应你期望的[1,2]、[2,2]
  console.log(object.position);
  return null; // 根据实际组件需求调整返回内容
}

关于柯里化的说明 #

你提到的柯里化思路是对的，我们这里传递的函数本质是偏应用函数（柯里化的简化场景）：预先固定了常量1，返回一个只接收i的函数完成最终计算。如果未来需要更灵活的参数传递（比如常量也需要动态传入），可以用完整的柯里化写法：

// 柯里化版本的计算函数
const calculateX = (constant: number) => (i: number) => constant + i;

// 父组件中使用
<SubComponent position={[calculateX(1), 2]} />

这种写法扩展性更强，后续若要修改常量，只需调整calculateX的参数即可。

内容的提问来源于stack exchange，提问作者timhc22