通过传播对象道具的类型函数

Question

下面我有一个函数spreadProps，它从第一个参数中获取一个属性age，然后将其加10，返回age和ageProps。但是我也散布了所有其余的道具，并且也想归还这些道具。我该怎么做呢？如果我传入一个额外的道具，比如name，我怎样才能让函数的返回类型知道传入并返回？

const spreadProps = (
    { age, ...props}:
    { age: number, props?: any }
): { age: number, agePlus: number } => {
    const agePlus = age + 10
    return { age, agePlus, ...props }
}

const x = spreadProps({ age: 12, name: 'Tom '})

console.log(x.name)

Answer 1

您需要一个泛型类型参数来捕获输入类型。这应该有效：

const spreadProps = <T extends { age: number }>(
    { age, ...props }: T
) => {
    const agePlus = age + 10
    return { age, agePlus, ...props }
}

const x = spreadProps({ age: 12, name: 'Tom ' })

console.log(x.name)

Playground Link