接口 X 扩展 ScrollElementProps<P> = P & {}

Question

我正在与 react-scroll 合作。道具类型别名如下所示：

export type ScrollElementProps<P> = P & {
    name: string;
    id?: string | undefined;
};

我正在尝试扩展 prop 类型，但我认为我在倒退。我试过了：

interface MyElementProps extends ScrollElementProps {...}

但它当然是在告诉我：Generic type 'ScrollElementProps' requires 1 type argument(s)

我该如何编写才能使我的界面识别 ScrollElementProps 类型别名所期望的道具？

TIA！

Answer 1

我一发题当然想通了！

此类型别名是为期望道具 interface/alias 而构建的，所以它应该是这样的：

interface ScrollProps {
  myProps: string
  someMoreProps: boolean
}

export const Scroll = ({

  myProps,
  someMoreProps,

}: ScrollElementProps<ScrollProps>) => {
   ...
}

接口 X 扩展 ScrollElementProps<P> = P & {}

interface X extends ScrollElementProps<P> = P & {}

generics

typescript

reactjs

react-scroll