我有两个这样的interfaces

interface CatStateProps {
    data: CatState[],
    food: number[]
}

interface DogStateProps {
    data: DogState[],
    food: string[]
}

我在type定义中使用了它

type AnimlState= {
    cat?: CatStateProps ,
    dog?: DogStateProps,
};

用这个type我创建了一个对象

const catsAndDogs: AnimlState = {
    cat: {data: [...], food: [...]}
    dog: {data: [...], food: [...]}
};

现在我正在访问dog

let {dog} = catsAndDogs // dog has the types CatStateProps | DogStateProps
if(dog) {
    let {data} = dog // data has the types CatState[] | DogState[]
    foo(data);
}

但是，只要我将data作为函数参数传递给foo()，它就变成了函数foo()中的any类型。

const foo = (data: ?) => {...}

现在，我如何将data的类型传递给foo()函数，而不是这样做

const foo = (data: CatState[] | DogState[]) => {...}

我想在foo()中动态地传递data的类型，当我改变AnimlState时，我不必向foo()添加另一个类型。